From 9e75068da2c8c129b77e479b2389b015c98c81ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Mon, 26 Jun 2023 09:46:36 -0400
Subject: [PATCH] expand json buttons

---
 public/scss/admin/general/dashboard.scss     | 21 --------------------
 src/views/admin/partials/dashboard/graph.tpl | 13 ++++++------
 2 files changed, 7 insertions(+), 27 deletions(-)

diff --git a/public/scss/admin/general/dashboard.scss b/public/scss/admin/general/dashboard.scss
index 18e608adae..19d3d1f460 100644
--- a/public/scss/admin/general/dashboard.scss
+++ b/public/scss/admin/general/dashboard.scss
@@ -5,27 +5,6 @@
 		max-width: 100% !important;
 	}
 
-	#analytics-panel .card-header > div {
-		&.fa-expand {
-			display: none;
-		}
-
-		font-family: $font-family-sans-serif;
-		font-weight: 600;
-		color: $gray-300;
-		padding-left: .5em;
-
-		padding: .75em;
-		background-color: $gray-200;
-		color: $black;
-		cursor: pointer;
-		transition: all .4s;
-
-		&.active {
-			display: inline;
-		}
-	}
-
 	.graph-container {
 		padding-right: 50px;
 		position: relative;
diff --git a/src/views/admin/partials/dashboard/graph.tpl b/src/views/admin/partials/dashboard/graph.tpl
index 655d7e790d..48943a6bf1 100644
--- a/src/views/admin/partials/dashboard/graph.tpl
+++ b/src/views/admin/partials/dashboard/graph.tpl
@@ -1,11 +1,12 @@
 <div class="card mb-3" id="analytics-panel">
 	<div class="card-header">
-		[[admin/dashboard:forum-traffic]]
-		<div class="float-end">
-			<a href="#"><i class="fa fa-fw fa-expand"></i></a>
-		</div>
-		<div class="float-end">
-			<a target="_blank" id="view-as-json" href="{config.relative_path}/api/v3/admin/analytics/{set}?type=hourly"><i class="fa fa-fw fa-terminal"></i></a>
+		<div class="d-flex justify-content-between">
+			[[admin/dashboard:forum-traffic]]
+
+			<div class="d-flex gap-1">
+				<a class="btn btn-sm btn-light lh-sm" target="_blank" id="view-as-json" href="{config.relative_path}/api/v3/admin/analytics/{set}?type=hourly"><i class="fa fa-fw fa-xs fa-terminal text-primary"></i></a>
+				<a class="btn btn-sm btn-light lh-sm" href="#"><i class="fa fa-fw fa-xs fa-expand text-primary"></i></a>
+			</div>
 		</div>
 	</div>
 	<div class="card-body">