Skip to content

Commit 83b31be

Browse files
fix: Adjust padding for refresh select button in settings panel
1 parent 9b8a9a7 commit 83b31be

1 file changed

Lines changed: 8 additions & 1 deletion

File tree

src/app/shared/components/settings-panel/settings-panel.component.scss

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,14 +68,21 @@ $border-color: #2a2a4a;
6868
}
6969

7070
.refresh-select {
71-
padding: 8px 10px;
71+
padding: 8px 30px 8px 10px;
7272
background: $bg-secondary;
73+
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
74+
background-repeat: no-repeat;
75+
background-position: right 8px center;
76+
background-size: 16px;
7377
border: 1px solid $border-color;
7478
border-radius: 4px;
7579
color: #ffffff;
7680
font-size: 13px;
7781
cursor: pointer;
7882
transition: all 0.2s;
83+
appearance: none;
84+
-webkit-appearance: none;
85+
-moz-appearance: none;
7986

8087
&:hover {
8188
border-color: #4a90d9;

0 commit comments

Comments
 (0)