···

       
122
       
122
       
 
       
	margin-top: 16px;

     

       
123
       
123
       
 
       
}

     

       
124
       
124
       
 
       


     

       
125
       
125
       
-
       
/* Add this new style */

     

       
126
       
125
       
 
       
.content-container {

     

       
127
       
126
       
 
       
	max-width: 37rem;

     

       
128
       
127
       
 
       
	text-align: center;

     

       
129
       
128
       
 
       
	padding: 0 8px;

     

       
129
       
129
       
+
       
	text-wrap: pretty;

     

       
130
       
130
       
 
       
}

     

       
131
       
131
       
 
       


     

       
132
       
132
       
-
       
/* Update url-input width to be 100% since container will control max width */

     

       
133
       
132
       
 
       
input {

     

       
134
       
133
       
 
       
	padding: 8px 12px;

     

       
135
       
134
       
 
       
	border: 1px solid var(--border-color);

     
···

       
212
       
211
       
 
       
	color: var(--text-color-hover);

     

       
213
       
212
       
 
       
}

     

       
214
       
213
       
 
       


     

       
215
       
215
       
-
       
/* Add styles for the settings button */

     

       
216
       
214
       
 
       
.settings-button {

     

       
217
       
215
       
 
       
	padding: 8px;

     

       
218
       
216
       
 
       
	color: var(--text-color-secondary);

     
···

       
305
       
303
       
 
       
	font-size: 1.2em;

     

       
306
       
304
       
 
       
}

     

       
307
       
305
       
 
       


     

       
308
       
308
       
-
       
/* Update the bang-select class to account for the icon */

     

       
309
       
306
       
 
       
.bang-select {

     

       
310
       
310
       
-
       
	padding-right: 30px; /* Make room for the icon */

     

       
307
       
307
       
+
       
	padding-right: 30px;

     

       
311
       
308
       
 
       
}

     

       
312
       
309
       
 
       


     

       
313
       
310
       
 
       
@keyframes shake {

     
···

       
340
       
337
       
 
       
.flash-red {

     

       
341
       
338
       
 
       
	animation: flash-red 0.3s ease-in-out;

     

       
342
       
339
       
 
       
}

     

       
343
       
343
       
-
       
/* Settings section spacing */

     

       
340
       
340
       
+
       


     

       
344
       
341
       
 
       
.settings-section {

     

       
345
       
342
       
 
       
	margin-bottom: 1rem;

     

       
346
       
343
       
 
       
}

     

       
347
       
344
       
 
       


     

       
348
       
348
       
-
       
/* Toggle switch styles */

     

       
349
       
345
       
 
       
.switch {

     

       
350
       
346
       
 
       
	display: flex;

     

       
351
       
347
       
 
       
	align-items: center;

     
···

       
387
       
383
       
 
       
	left: 22px;

     

       
388
       
384
       
 
       
}

     

       
389
       
385
       
 
       


     

       
390
       
390
       
-
       
/* Clear history button */

     

       
391
       
386
       
 
       
.clear-history {

     

       
392
       
387
       
 
       
	margin-top: 8px;

     

       
393
       
388
       
 
       
	padding: 8px 16px;