Fix width with left bar options and make it appear more often

1 files changed, 10 insertions, 19 deletions

diff --git a/public/options/options.css b/public/options/options.css
index c43f8c67..83cf7931 100644
--- a/public/options/options.css
+++ b/public/options/options.css
@@ -322,10 +322,6 @@ input[type='number'] {
     transition: padding 0.3s;
 }
 
-#options > div {
-    max-width: 60%;
-}
-
 #options.embed > div {
     max-width: 100%;
 }
@@ -596,14 +592,8 @@ svg {
 }
 
 
-/* Handle smaller screensizes */
-@media only screen and (max-width: 1600px){
-    #options {
-        padding-right: 8%;
-    }
-}
-
-@media only screen and (max-height: 770px), only screen and (max-width: 1200px) {
+/* Top bar navigation for smaller screens */
+@media only screen and (max-height: 650px), only screen and (max-width: 1200px) {
     #options-container {
         flex-direction: column;
     }
@@ -623,6 +613,10 @@ svg {
         padding: 0 50px;
     }
 
+    #options > div {
+        max-width: 70%;
+    }
+
     .tab-heading {
         width: unset;
         min-width: unset;
@@ -667,14 +661,11 @@ svg {
     .sticky #title, .sticky #createdBy {
         display: none;
     }
-  }
+}
 
-  @media only screen and (max-width: 800px) {
+@media only screen and (max-width: 800px) {
     #options {
         padding: 0 15px;
+        justify-content: left;
     }
-
-    #options > div {
-        max-width: 100%;
-    }
-  }
\ No newline at end of file
+}
\ No newline at end of file