Made changes to searh bar width

Real-Dev-Squad · Jul 11, 2023 · c7569cc · c7569cc
1 parent de1510b
commit c7569cc
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/discord-groups/style.css b/discord-groups/style.css
@@ -75,18 +75,25 @@
 .groups-search {
   margin: 10px;
   height: 4rem;
-  width: 15rem;
+  width: 100%;
   position: sticky;
   top: 0;
   background: #fff;
   display: flex;
   align-items: center;
+  justify-content: center;
 }
 .groups-search-input {
   height: 2rem;
-  width: 100%;
+  width: 90%;
   padding-left: 2px;
 }
+.groups-list {
+  padding: 0.8rem;
+  list-style: none;
+  height: 66vh;
+  overflow-y: scroll;
+}
 .groups-list::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -95,12 +102,6 @@
   background: var(--color-buttons-background);
   border-radius: 1.2rem;
 }
-.groups-list {
-  padding: 0.8rem;
-  list-style: none;
-  height: 66vh;
-  overflow-y: scroll;
-}
 .groups-list li {
   padding: 0.8rem;
   border: 1px solid rgba(0, 0, 0, 0.2);