diff options
author | Chocobozzz <me@florianbigard.com> | 2018-07-31 09:43:26 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-07-31 09:45:57 +0200 |
commit | 0933bb4a8a105d5393a3590e222cb0450102a8aa (patch) | |
tree | 9e68ccd6c1a42aedd56cd227d25df7735739476e /client/src/app/search/search.component.scss | |
parent | 4a9e71c2b1ef57de01cd04984348b3957ebbc21d (diff) | |
download | PeerTube-0933bb4a8a105d5393a3590e222cb0450102a8aa.tar.gz PeerTube-0933bb4a8a105d5393a3590e222cb0450102a8aa.tar.zst PeerTube-0933bb4a8a105d5393a3590e222cb0450102a8aa.zip |
Fix responsive on videos search
Diffstat (limited to 'client/src/app/search/search.component.scss')
-rw-r--r-- | client/src/app/search/search.component.scss | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss index 330eef9d8..ef89c5666 100644 --- a/client/src/app/search/search.component.scss +++ b/client/src/app/search/search.component.scss | |||
@@ -107,6 +107,10 @@ | |||
107 | } | 107 | } |
108 | 108 | ||
109 | @media screen and (max-width: 800px) { | 109 | @media screen and (max-width: 800px) { |
110 | .search-result { | ||
111 | margin: 20px 10px; | ||
112 | } | ||
113 | |||
110 | .results-header { | 114 | .results-header { |
111 | font-size: 15px !important; | 115 | font-size: 15px !important; |
112 | } | 116 | } |
@@ -123,7 +127,17 @@ | |||
123 | } | 127 | } |
124 | 128 | ||
125 | my-video-thumbnail { | 129 | my-video-thumbnail { |
126 | margin-right: 0; | 130 | margin-right: 0 !important; |
131 | |||
132 | /deep/ .video-thumbnail { | ||
133 | width: 100%; | ||
134 | height: auto; | ||
135 | |||
136 | img { | ||
137 | width: 100%; | ||
138 | height: auto; | ||
139 | } | ||
140 | } | ||
127 | } | 141 | } |
128 | } | 142 | } |
129 | } | 143 | } |