FIX: Prevent mobile bookmark modal cutoff

2020-03-18 15:54:50 +10:00 · 2020-03-18 15:54:50 +10:00 · 9b4b690bba
parent 8e98f39d9f
commit 9b4b690bba
2 changed files with 5 additions and 1 deletions
--- a/app/assets/stylesheets/common/components/bookmark-modal.scss
+++ b/app/assets/stylesheets/common/components/bookmark-modal.scss
@ -4,7 +4,7 @@
  }
  .modal-body {
    max-width: 410px;
-    min-width: 380px;
+    width: 100%;
    box-sizing: border-box;

    .control-label {
--- a/app/assets/stylesheets/common/components/tap-tile.scss
+++ b/app/assets/stylesheets/common/components/tap-tile.scss
@ -19,6 +19,10 @@
    font-size: $font-down-2;
    cursor: pointer;

+    @media screen and (max-width: 360px) {
+      width: $tile-width - 10;
+    }
+
    &:hover {
      background-color: $tertiary-low;
    }