arrow

Author: mtrezza

src/dashboard/Data/Views/Views.scss

@@ -18,6 +18,10 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+
+  &:has(.pointerIcon) {
+    padding-right: 46px;
+  }
 }
 
 .headerName {
@@ -48,31 +52,32 @@
   font: inherit;
   color: inherit;
   background: rgba(255, 255, 255, 0.2);
-  
+
   // Custom styles
   cursor: pointer;
   opacity: 0.7;
   transition: opacity 0.2s ease;
   z-index: 10;
   pointer-events: auto;
-  display: inline-flex;
+  display: flex;
   align-items: center;
   justify-content: center;
   height: 20px;
   width: 20px;
   border-radius: 50%;
-  margin-left: 5px;
-  flex-shrink: 0;
-  
+  position: absolute;
+  right: 15px;
+  top: 5px;
+
   & svg {
     transform: rotate(316deg);
   }
-  
+
   &:hover {
     opacity: 1;
     background: rgba(255, 255, 255, 0.3);
   }
-  
+
   &:focus {
     opacity: 1;
     background: rgba(255, 255, 255, 0.4);