| ... |
... |
@@ -143,6 +143,7 @@ body:not(.show-tor-check) #tor-check { |
|
143
|
143
|
flex: 1 0 auto;
|
|
144
|
144
|
min-width: 200px;
|
|
145
|
145
|
min-height: var(--logo-size);
|
|
|
146
|
+ box-sizing: content-box;
|
|
146
|
147
|
margin: 0;
|
|
147
|
148
|
padding-block: var(--form-outer-padding);
|
|
148
|
149
|
padding-inline-end: var(--form-padding);
|
| ... |
... |
@@ -153,6 +154,8 @@ body:not(.show-tor-check) #tor-check { |
|
153
|
154
|
/* Make sure clickable area does not extend beyond the form's border. */
|
|
154
|
155
|
border-start-start-radius: var(--form-radius);
|
|
155
|
156
|
border-end-start-radius: var(--form-radius);
|
|
|
157
|
+ border-start-end-radius: 0;
|
|
|
158
|
+ border-end-end-radius: 0;
|
|
156
|
159
|
/* Focus and outline styling move to the parent. */
|
|
157
|
160
|
background: none;
|
|
158
|
161
|
border: none;
|
| ... |
... |
@@ -162,14 +165,16 @@ body:not(.show-tor-check) #tor-check { |
|
162
|
165
|
#onionize-toggle {
|
|
163
|
166
|
flex: 0 0 auto;
|
|
164
|
167
|
font-weight: 500;
|
|
|
168
|
+ justify-content: center;
|
|
165
|
169
|
padding-block: var(--form-outer-padding);
|
|
166
|
170
|
padding-inline-end: var(--form-outer-padding);
|
|
167
|
171
|
border-start-end-radius: var(--form-radius);
|
|
168
|
172
|
border-end-end-radius: var(--form-radius);
|
|
|
173
|
+ border-start-start-radius: 0;
|
|
|
174
|
+ border-end-start-radius: 0;
|
|
169
|
175
|
padding-inline-start: 0;
|
|
170
|
176
|
/* Non-clickable gap between input and toggle. */
|
|
171
|
177
|
margin-inline-start: 0.5em;
|
|
172
|
|
-
|
|
173
|
178
|
}
|
|
174
|
179
|
|
|
175
|
180
|
@media not ((prefers-contrast) or (forced-colors)) {
|