Merge branch 'main' of https://github.com/olinpin/twitter-project into branch

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">
@@ -110,7 +110,7 @@
                         <!-- <div class="button">BLOCKED WORDS</div> -->
                     </div>
                     <div class="popchart column">
-                        <span class="colheader chartheader">Sports Popularity Filter</span>
+                        <span class="colheader chartheader">Sports Popularity Chart</span>
                         <div id="balk" style="height:300px; background-color: white;"></div>
                     </div>
                 </div>

dashboard_static/style/style.css

@@ -46,6 +46,7 @@ body {
 	padding: 16px;
 	background-color: var(--main-medium-dark);
 	border-radius: 16px;
+	cursor: pointer;
 }
 
 .logo img {
@@ -95,6 +96,7 @@ body {
 	background-color: var(--tweet-color);
 	border-radius: 16px;
 	padding: 16px;
+	margin-bottom: 8px;
 }
 
 .tweet-profilepicture {
@@ -205,6 +207,7 @@ body {
 	box-sizing: border-box;
 	display: flex;
 	flex-wrap: wrap;
+	margin-bottom: 32px;
 }
 
 
@@ -232,10 +235,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;
 }
 
@@ -249,7 +252,7 @@ body {
 }
 
 .sort-dropdown-list {
-	position: absolute;
+	/* position: absolute; */
 	width: 100%;
 	list-style-type: none;
     padding: 0;