Wrap ft-icon buttons below before they go fully vertical (#4735)

FreeTubeApp · Mar 3, 2024 · 9c2c4a9 · 9c2c4a9
1 parent 6472c03
commit 9c2c4a9
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/renderer/components/watch-video-info/watch-video-info.scss b/src/renderer/components/watch-video-info/watch-video-info.scss
@@ -64,6 +64,19 @@
         inset-inline-end: calc(50% - 20px);
       }
     }
+
+    @media screen and (max-width: 460px) {
+      flex-wrap: nowrap;
+      :deep(.iconDropdown) {
+        inset-inline-start: auto;
+        inset-inline-end: auto;
+      }
+    }
+  }
+  @media screen and (max-width: 460px) {
+    flex-direction: column;
+    align-items: flex-start;
+    margin-block-start: 10px;
   }
 }