diff options
-rw-r--r-- | client/src/app/app.component.scss | 9 | ||||
-rw-r--r-- | client/src/app/header/search-typeahead.component.scss | 2 |
2 files changed, 5 insertions, 6 deletions
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss index e8447719a..42293e412 100644 --- a/client/src/app/app.component.scss +++ b/client/src/app/app.component.scss | |||
@@ -43,6 +43,10 @@ $assets-path: '../assets'; | |||
43 | background-color: pvar(--mainForegroundColor); | 43 | background-color: pvar(--mainForegroundColor); |
44 | mask-image: url('#{$assets-path}/images/misc/menu.svg'); | 44 | mask-image: url('#{$assets-path}/images/misc/menu.svg'); |
45 | margin: 0 18px 0 20px; | 45 | margin: 0 18px 0 20px; |
46 | |||
47 | @media screen and (max-width: $mobile-view) { | ||
48 | margin: 0 10px; | ||
49 | } | ||
46 | } | 50 | } |
47 | } | 51 | } |
48 | 52 | ||
@@ -71,16 +75,11 @@ $assets-path: '../assets'; | |||
71 | } | 75 | } |
72 | 76 | ||
73 | @media screen and (max-width: $mobile-view) { | 77 | @media screen and (max-width: $mobile-view) { |
74 | width: 70px; | ||
75 | 78 | ||
76 | .peertube-title { | 79 | .peertube-title { |
77 | display: none; | 80 | display: none; |
78 | } | 81 | } |
79 | } | 82 | } |
80 | |||
81 | @media screen and (max-width: 350px) { | ||
82 | flex: auto; | ||
83 | } | ||
84 | } | 83 | } |
85 | 84 | ||
86 | .header-right { | 85 | .header-right { |
diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss index f8d68e986..a60aa38d6 100644 --- a/client/src/app/header/search-typeahead.component.scss +++ b/client/src/app/header/search-typeahead.component.scss | |||
@@ -86,7 +86,7 @@ li.suggestion { | |||
86 | flex: 1; | 86 | flex: 1; |
87 | 87 | ||
88 | input { | 88 | input { |
89 | width: unset; | 89 | width: 70px; |
90 | } | 90 | } |
91 | } | 91 | } |
92 | 92 | ||