Fixed media query for landscape mode iphone

Ph1so · Aug 14, 2024 · 00c9b68 · 00c9b68
1 parent bdb2995
commit 00c9b68
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/src/components/BarChart.css b/src/components/BarChart.css
@@ -95,7 +95,7 @@
   .question-mark-button {
     width: 20px;
     height: 20px;
-    top: 5px;
+    top: -20px;
     right: 15px;
     font-size: 12px;
   }

diff --git a/src/components/Options.css b/src/components/Options.css
@@ -185,6 +185,31 @@ input[type="text"] {
   padding: 20px 0;
 }
 
+@media (max-width: 900px) {
+  .Option-container {
+    height: 18vmax;
+    width: 60vmin;
+  }
+  .Add-Workout {
+    padding-left: 10px;
+    margin-top: 0%;
+    margin-left: auto;
+  }
+  .Remove-Workout {
+    padding-left: 10px;
+    margin-top: 0%;
+    margin-left: auto;
+  }
+  select,
+  input[type="text"] {
+    width: 70%;
+  }
+  .X-divider {
+    margin: 0px 15px 5px -5px;
+  }
+}
+
+
 @media (max-width: 768px) {
   .Option-container {
     height: 18vmax;