Toolbar: better handle breakpoint styling

2020-08-21 03:21:04 -04:00
parent 208c0ba5b7
commit 6b7a594191
6 changed files with 13 additions and 7 deletions
--- a/src/components/StyleInput/StyleInput.css
+++ b/src/components/StyleInput/StyleInput.css
@@ -19,7 +19,6 @@
  width: 176px !important;
  height: 48px !important;
  justify-content: flex-start;
-  margin: 0 4px;
  padding: 0 24px !important;
  color: white;
  border-radius: 8px !important;
@@ -28,6 +27,12 @@
  border: none !important;
 }

+@media screen and (max-width: 558px) {
+  .react-dropdown-select {
+    width: 100% !important;
+  }
+}
+
 .react-dropdown-select-content {
  display: flex;
  align-items: center;