expand json buttons

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;

src/views/admin/partials/dashboard/graph.tpl

@@ -1,11 +1,12 @@
 <div class="card mb-3" id="analytics-panel">
 	<div class="card-header">
+		<div class="d-flex justify-content-between">
 			[[admin/dashboard:forum-traffic]]
-		<div class="float-end">
-			<a href="#"><i class="fa fa-fw fa-expand"></i></a>
+
+			<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 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>
 	</div>
 	<div class="card-body">