diff options
Diffstat (limited to 'src/styles/settings.scss')
-rw-r--r-- | src/styles/settings.scss | 49 |
1 files changed, 23 insertions, 26 deletions
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index b29ed5468..2182c9b5f 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -111,6 +111,26 @@ | |||
111 | &::-webkit-scrollbar-thumb:window-inactive { | 111 | &::-webkit-scrollbar-thumb:window-inactive { |
112 | background: none; | 112 | background: none; |
113 | } | 113 | } |
114 | |||
115 | .service-flex-grid { | ||
116 | display: flex; | ||
117 | } | ||
118 | |||
119 | .service-name { | ||
120 | flex: 1px; | ||
121 | } | ||
122 | |||
123 | .service-icon { | ||
124 | width: 140px; | ||
125 | float: right; | ||
126 | margin-top: 30px; | ||
127 | margin-left: 40px; | ||
128 | |||
129 | label { | ||
130 | font-weight: bold; | ||
131 | letter-spacing: -0.1px; | ||
132 | } | ||
133 | } | ||
114 | } | 134 | } |
115 | 135 | ||
116 | .settings__close { | 136 | .settings__close { |
@@ -129,30 +149,13 @@ | |||
129 | } | 149 | } |
130 | } | 150 | } |
131 | 151 | ||
132 | .settings__search-header { | 152 | .search-input { |
133 | display: flex; | 153 | margin-bottom: 30px; |
134 | align-items: center; | ||
135 | padding: 0 10px; | ||
136 | border-radius: $theme-border-radius; | ||
137 | transition: background $theme-transition-time; | ||
138 | @extend %headline; | ||
139 | font-size: 22px; | ||
140 | |||
141 | &:hover { | ||
142 | background: darken($theme-gray-lighter, 5%); | ||
143 | } | ||
144 | |||
145 | input { | ||
146 | padding-left: 10px; | ||
147 | background: none; | ||
148 | border: 0; | ||
149 | flex: 1; | ||
150 | @extend %headline; | ||
151 | } | ||
152 | } | 154 | } |
153 | 155 | ||
154 | &__options { | 156 | &__options { |
155 | margin-top: 20px; | 157 | margin-top: 20px; |
158 | flex: 1; | ||
156 | } | 159 | } |
157 | 160 | ||
158 | &__settings-group { | 161 | &__settings-group { |
@@ -323,12 +326,6 @@ | |||
323 | } | 326 | } |
324 | } | 327 | } |
325 | 328 | ||
326 | // @include element(add-service-teaser) { | ||
327 | // height: auto; | ||
328 | // margin-top: 20px; | ||
329 | // display: block; | ||
330 | // text-align: center; | ||
331 | // } | ||
332 | .emoji { | 329 | .emoji { |
333 | display: block; | 330 | display: block; |
334 | font-size: 40px; | 331 | font-size: 40px; |