Merge pull request #20 from olinpin/CSS

Css

dashboard_static/index.html

@@ -95,7 +95,7 @@
                 <div class="rightcol column">
                     <div class="searchcontainer column">
                         <input class="searchbar" type="text" placeholder="Search Cluccs">
-                        <input class="blockedwords" type="text" placeholder="Enter blocked words (separated by comma)">
+                        <input class="blockedwords" type="text" placeholder="Blocked words (separated by comma)">
                         <div class="button sort-btn">
                             <span class="sortby">Sort By <span class="material-symbols-outlined">arrow_drop_down</span></span>
                             <div class="sort-dropdown">

dashboard_static/style/style.css

@@ -44,6 +44,7 @@ body {
 	padding: 16px;
 	background-color: var(--main-medium-dark);
 	border-radius: 16px;
+	cursor: pointer;
 }
 
 .logo img {
@@ -93,6 +94,7 @@ body {
 	background-color: var(--main-dark);
 	border-radius: 16px;
 	padding: 16px;
+	margin-bottom: 8px;
 }
 
 .tweet-profilepicture {
@@ -208,6 +210,7 @@ body {
 	box-sizing: border-box;
 	display: flex;
 	flex-wrap: wrap;
+	margin-bottom: 32px;
 }
 
 .popchart {
@@ -238,10 +241,10 @@ body {
 }
 
 .button {
-	color: var(--main-dark);
+	color: var(--main-bg);
 	cursor: pointer;
 	background-color: var(--main-light);
-	border-radius: 30px;
+	border-radius: 16px;
 	border: none;
 }
 
@@ -255,7 +258,7 @@ body {
 }
 
 .sort-dropdown-list {
-	position: absolute;
+	/* position: absolute; */
 	width: 100%;
 	list-style-type: none;
     padding: 0;