diff options
Diffstat (limited to 'client/src/app/search/search.component.scss')
-rw-r--r-- | client/src/app/search/search.component.scss | 48 |
1 files changed, 28 insertions, 20 deletions
diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss index d4d8bbcf7..641647e2e 100644 --- a/client/src/app/search/search.component.scss +++ b/client/src/app/search/search.component.scss | |||
@@ -82,11 +82,35 @@ | |||
82 | } | 82 | } |
83 | 83 | ||
84 | @media screen and (max-width: $small-view) { | 84 | @media screen and (max-width: $small-view) { |
85 | .video-channel-names { | 85 | .search-result { |
86 | flex-direction: column !important; | 86 | .entry.video-channel, |
87 | .entry.video { | ||
88 | flex-direction: column; | ||
89 | height: auto; | ||
90 | justify-content: center; | ||
91 | align-items: center; | ||
92 | text-align: center; | ||
93 | |||
94 | img { | ||
95 | margin: 0; | ||
96 | } | ||
97 | |||
98 | img { | ||
99 | margin: 0; | ||
100 | } | ||
87 | 101 | ||
88 | .video-channel-name { | 102 | .video-channel-info .video-channel-names { |
89 | margin-left: 0 !important; | 103 | align-items: center; |
104 | flex-direction: column !important; | ||
105 | |||
106 | .video-channel-name { | ||
107 | margin-left: 0 !important; | ||
108 | } | ||
109 | } | ||
110 | |||
111 | my-subscribe-button { | ||
112 | margin-top: 5px; | ||
113 | } | ||
90 | } | 114 | } |
91 | } | 115 | } |
92 | } | 116 | } |
@@ -100,12 +124,6 @@ | |||
100 | } | 124 | } |
101 | 125 | ||
102 | .entry { | 126 | .entry { |
103 | flex-direction: column; | ||
104 | height: auto; | ||
105 | justify-content: center; | ||
106 | align-items: center; | ||
107 | text-align: center; | ||
108 | |||
109 | &.video { | 127 | &.video { |
110 | .video-info-name, | 128 | .video-info-name, |
111 | .video-info-account { | 129 | .video-info-account { |
@@ -126,16 +144,6 @@ | |||
126 | } | 144 | } |
127 | } | 145 | } |
128 | } | 146 | } |
129 | |||
130 | &.video-channel { | ||
131 | .video-channel-info .video-channel-names { | ||
132 | align-items: center; | ||
133 | } | ||
134 | |||
135 | my-subscribe-button { | ||
136 | margin-top: 5px; | ||
137 | } | ||
138 | } | ||
139 | } | 147 | } |
140 | } | 148 | } |
141 | } | 149 | } |