Hugging Face's logo

Spaces:
agentdeck
/
agentic-edge-viewer
Running

App Files Community
DiegoZoracKy commited on
Commit
32f7dca
·
verified ·
1 Parent(s): 19c25bd

Add select arrow spacing polish

Browse files
Files changed (1) hide show
  1. css/base.css +23 -8
css/base.css CHANGED
@@ -171,11 +171,16 @@ header p {
171
  }
172
 
173
  .mobile-sheet-section select {
174
- background: #1d2542;
 
 
 
 
 
175
  border: 2px solid #4a4a8a;
176
  color: #fff;
177
  font-size: 12px;
178
- padding: 8px 10px;
179
  }
180
 
181
  .mobile-sheet-section button {
@@ -220,12 +225,17 @@ body.mobile-sheet-open {
220
  }
221
 
222
  .global-controls select {
223
- background: #1d2542;
 
 
 
 
 
224
  border: 2px solid #4a4a8a;
225
  border-radius: 6px;
226
  color: #fff;
227
  font-size: 12px;
228
- padding: 8px 10px;
229
  min-width: 0;
230
  }
231
 
@@ -558,10 +568,15 @@ body.mobile-sheet-open {
558
  }
559
 
560
  .viewer-controls select {
561
- background: #333;
 
 
 
 
 
562
  border: 1px solid #555;
563
  border-radius: 4px;
564
- padding: 0 8px;
565
  height: 34px;
566
  color: #fff;
567
  font-size: 12px;
@@ -732,7 +747,7 @@ body.mobile-sheet-open {
732
 
733
  .viewer-controls select {
734
  font-size: 11px;
735
- padding: 3px 6px;
736
  }
737
 
738
  .viewer-progress {
@@ -817,7 +832,7 @@ body.mobile-sheet-open {
817
 
818
  .viewer-controls select {
819
  font-size: 10px;
820
- padding: 4px 6px;
821
  }
822
 
823
  .match-info {
 
171
  }
172
 
173
  .mobile-sheet-section select {
174
+ appearance: none;
175
+ background-color: #1d2542;
176
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
177
+ background-position: right 12px center;
178
+ background-repeat: no-repeat;
179
+ background-size: 12px 12px;
180
  border: 2px solid #4a4a8a;
181
  color: #fff;
182
  font-size: 12px;
183
+ padding: 8px 34px 8px 10px;
184
  }
185
 
186
  .mobile-sheet-section button {
 
225
  }
226
 
227
  .global-controls select {
228
+ appearance: none;
229
+ background-color: #1d2542;
230
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
231
+ background-position: right 12px center;
232
+ background-repeat: no-repeat;
233
+ background-size: 12px 12px;
234
  border: 2px solid #4a4a8a;
235
  border-radius: 6px;
236
  color: #fff;
237
  font-size: 12px;
238
+ padding: 8px 34px 8px 10px;
239
  min-width: 0;
240
  }
241
 
 
568
  }
569
 
570
  .viewer-controls select {
571
+ appearance: none;
572
+ background-color: #333;
573
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
574
+ background-position: right 10px center;
575
+ background-repeat: no-repeat;
576
+ background-size: 12px 12px;
577
  border: 1px solid #555;
578
  border-radius: 4px;
579
+ padding: 0 30px 0 8px;
580
  height: 34px;
581
  color: #fff;
582
  font-size: 12px;
 
747
 
748
  .viewer-controls select {
749
  font-size: 11px;
750
+ padding: 3px 28px 3px 6px;
751
  }
752
 
753
  .viewer-progress {
 
832
 
833
  .viewer-controls select {
834
  font-size: 10px;
835
+ padding: 4px 28px 4px 6px;
836
  }
837
 
838
  .match-info {