From 07fbd43cbeea131804eef37e4efa2afc5a149a45 Mon Sep 17 00:00:00 2001
From: Gregory Ballantine <gballantine@metaunix.net>
Date: Fri, 7 Apr 2023 10:32:41 -0400
Subject: [PATCH] Fixed some styles on the tab bar

---
 assets/sass/sentry.sass   | 4 ++++
 assets/twig/layout.twig   | 8 ++++++--
 assets/twig/overview.twig | 5 +++++
 3 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 assets/twig/overview.twig

diff --git a/assets/sass/sentry.sass b/assets/sass/sentry.sass
index 7d64f94..03464b5 100644
--- a/assets/sass/sentry.sass
+++ b/assets/sass/sentry.sass
@@ -61,6 +61,10 @@ button
   border-bottom: 1px solid #bbb
   box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
 
+  .container.fluid
+    width: 100%
+    margin-right: 0
+
   .row
     display: relative
 
diff --git a/assets/twig/layout.twig b/assets/twig/layout.twig
index 409fcb9..7771b8b 100644
--- a/assets/twig/layout.twig
+++ b/assets/twig/layout.twig
@@ -19,7 +19,8 @@
       <div class="container fluid">
         <div class="row">
           <div class="columns twelve">
-            <button class="tab-button active" onclick="openTab('cpu')">CPU</button>
+            <button class="tab-button active" onclick="openTab('overview')">Overview</button>
+            <button class="tab-button" onclick="openTab('cpu')">CPU</button>
             <button class="tab-button" onclick="openTab('memory')">Memory</button>
             <button class="tab-button" onclick="openTab('storage')">Storage</button>
             <button class="tab-button" onclick="openTab('gpu')">GPU</button>
@@ -29,7 +30,10 @@
     </div>
 
     <div id="wrapper" class="container">
-      <div class="component-display active" data-component="cpu">
+      <div class="component-display active" data-component="overview">
+        {% include 'overview.twig' %}
+      </div>
+      <div class="component-display" data-component="cpu">
         {% include 'cpu.twig' %}
       </div>
       <div class="component-display" data-component="memory">
diff --git a/assets/twig/overview.twig b/assets/twig/overview.twig
new file mode 100644
index 0000000..9f07fe7
--- /dev/null
+++ b/assets/twig/overview.twig
@@ -0,0 +1,5 @@
+<header class="row">
+  <div class="columns twelve u-text-center">
+    <h1>Sentry Overview</h1>
+  </div>
+</header>