Fix select style

asterjdm · May 19, 2024 · f0420d5 · f0420d5
1 parent 705add7
commit f0420d5
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/styles/standard-assets/select.css b/styles/standard-assets/select.css
@@ -2,6 +2,7 @@
     margin-top: 10px;
     margin-left: 17px;
     margin-right: 17px;
+    margin-bottom: -7px;
     border: var(--border-width) var(--border-style) var(--border-color);
     border-radius: none;
     padding-left: 7.5px;
@@ -16,4 +17,17 @@
     user-select: none;
     cursor: pointer;
   }
-
+
+@media screen and (max-width: 521px) {
+  .standard-select {
+    margin-bottom: -25px;
+    width: 352px;
+  }
+}
+
+@media screen and (max-width: 428px) {
+  .standard-select {
+    margin-bottom: -20px;
+    width: 325px;
+  }
+}
diff --git a/styles/styles.css b/styles/styles.css
@@ -75,6 +75,13 @@ main {
 }
 
 @media screen and (max-width: 521px) {
+    body {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+
     main {
         padding-bottom: 205px;
         grid-template-columns: repeat(1, 1fr);