fix(ui): Request Panel > tab > delete button misaligned

kobenguyent · May 14, 2024 · f374f82 · f374f82
1 parent a27138a
commit f374f82
Showing 1 changed file with 19 additions and 19 deletions.
diff --git a/packages/ui/src/components/RequestPanel.vue b/packages/ui/src/components/RequestPanel.vue
@@ -876,30 +876,24 @@ export default {
  margin-top: 0.5rem;
 }
 
-i {
+.custom-dropdown i {
  cursor: pointer;
  padding-left: 4px;
 }
 
-li {
- padding: 8px 12px;
- cursor: pointer;
-}
-
-li:hover {
- background: var(--button-hover-background-color);
-}
-.selected-option {
- cursor: pointer;
- background: var(--background-color);
-}
-
 .custom-dropdown {
  padding-left: 0.8rem;
  position: relative;
  background-color: var(--modal-background-color);
 }
 
+.custom-dropdown .row {
+ display: flex;
+ align-items: center;
+ padding-bottom: 1px;
+ padding-right: 5px;
+}
+
 .custom-dropdown ul {
  list-style-type: none;
  padding: 0;
@@ -914,11 +908,17 @@ li:hover {
  left: 0;
 }
 
-.row {
- display: flex;
- align-items: center;
- padding-bottom: 1px;
- padding-right: 5px;
+.custom-dropdown li {
+ padding: 8px 12px;
+ cursor: pointer;
+}
+
+.custom-dropdown li:hover {
+ background: var(--button-hover-background-color);
 }
 
+.custom-dropdown .selected-option {
+ cursor: pointer;
+ background: var(--background-color);
+}
 </style>