Adjusted CSS styles related with GK Graph headers

gitkraken · Oct 17, 2023 · 5a9a588 · 5a9a588
1 parent 75d559e
commit 5a9a588
Showing 1 changed file with 6 additions and 11 deletions.
diff --git a/src/webviews/apps/plus/graph/graph.scss b/src/webviews/apps/plus/graph/graph.scss
@@ -414,18 +414,11 @@ button:not([disabled]),
 .columns-settings {
 	--column-button-height: 19px;
 
-	position: absolute;
-	top: 2px;
-	right: 0 !important;
-	z-index: 2;
-
 	appearance: none;
 	font-family: inherit;
 	background-color: transparent;
 	border: none;
 	color: var(--color-graph-text-disabled, hsla(0, 0%, 100%, 0.4));
-	margin: 0;
-	padding: 0 2px;
 	height: var(--column-button-height);
 	cursor: pointer;
 	background-color: var(--color-graph-actionbar-background);
@@ -944,9 +937,13 @@ button:not([disabled]),
 	}
 }
 
-.graph-header {
-	padding-top: 1px;
+.gk-graph .graph-header {
+	.columns-btn {
+		margin-top: 0.1rem;
+	}
+}
 
+.graph-header {
 	& .resizable-handle.horizontal {
 		--sash-size: 4px;
 		--sash-hover-size: 4px;
@@ -1010,8 +1007,6 @@ button:not([disabled]),
 	}
 
 	.graph-icon {
-		position: relative;
-		top: -2px;
 		color: var(--color-graph-text-disabled, hsla(0, 0%, 100%, 0.4));
 	}
 }