From c7a5170c2208dc439c88868e09674ac1249943ed Mon Sep 17 00:00:00 2001
From: Layne <laynebalsters@gmail.com>
Date: Sat, 18 Sep 2021 01:27:31 -0400
Subject: [PATCH] new header ig

---
 .../card/content/NitroCardContentView.scss    |  6 -----
 .../card/header/NitroCardHeaderView.scss      | 25 ++++++++++++-------
 .../card/header/NitroCardHeaderView.tsx       |  4 +--
 3 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/layout/card/content/NitroCardContentView.scss b/src/layout/card/content/NitroCardContentView.scss
index c681fd34..9ffd6fe9 100644
--- a/src/layout/card/content/NitroCardContentView.scss
+++ b/src/layout/card/content/NitroCardContentView.scss
@@ -2,15 +2,9 @@
     padding-top: $container-padding-x;
     padding-bottom: $container-padding-x;
     overflow: auto;
-
-    &.simple {
-        padding-left: ($container-padding-x + 25px);
-        padding-right: ($container-padding-x + 25px);
-    }
 }
 
 @include media-breakpoint-down(lg) {
-        
     .content-area {
         height: 100% !important;
         min-height: auto !important;
diff --git a/src/layout/card/header/NitroCardHeaderView.scss b/src/layout/card/header/NitroCardHeaderView.scss
index b3142be8..b81b748e 100644
--- a/src/layout/card/header/NitroCardHeaderView.scss
+++ b/src/layout/card/header/NitroCardHeaderView.scss
@@ -2,7 +2,6 @@
     min-height: 33px;
     max-height: 33px;
     white-space: nowrap;
-    overflow: hidden;
 
     .header-text {
         margin: 0 35px;
@@ -10,19 +9,22 @@
 
     &.simple-header {
         min-height: 28px;
-        max-height: 28px;
+
+        .header-close {
+            font-size: 12px;
+        }
     }
 
     .bg-tertiary-split {
         position: relative;
-        border: 2px solid darken($quaternary, 4);
-        box-shadow: 0 0 0 2px $white;
+        border-bottom: 2px solid darken($quaternary, 5);
+        box-shadow: 0 2px white;
         width: 100%;
-        margin: 0 25px;
+        margin: 0;
 
         &:before {
             position: absolute;
-            content: ' ';
+            content: " ";
             top: 0;
             left: 0;
             width: 100%;
@@ -36,15 +38,20 @@
         border-radius: $border-radius;
         box-shadow: 0 0 0 1.5px $white;
         border: 2px solid #921911;
-        background: repeating-linear-gradient(rgba(245,80,65,1), rgba(245,80,65,1) 50%, rgba(194,48,39,1) 50%, rgba(194,48,39,1) 100%);
+        background: repeating-linear-gradient(
+            rgba(245, 80, 65, 1),
+            rgba(245, 80, 65, 1) 50%,
+            rgba(194, 48, 39, 1) 50%,
+            rgba(194, 48, 39, 1) 100%
+        );
         cursor: pointer;
         line-height: 1;
         padding: 1px 3px;
-    
+
         &:hover {
             filter: brightness(1.2);
         }
-    
+
         &:active {
             filter: brightness(0.8);
         }
diff --git a/src/layout/card/header/NitroCardHeaderView.tsx b/src/layout/card/header/NitroCardHeaderView.tsx
index 3be15c6d..b964fe46 100644
--- a/src/layout/card/header/NitroCardHeaderView.tsx
+++ b/src/layout/card/header/NitroCardHeaderView.tsx
@@ -18,8 +18,8 @@ export const NitroCardHeaderView: FC<NitroCardHeaderViewProps> = props =>
         return (
             <div className="container-fluid bg-light">
                 <div className="row nitro-card-header simple-header">
-                    <div className="d-flex justify-content-center align-items-center w-100 position-relative">
-                        <div className="h5 text-white text-center text-shadow bg-tertiary-split border-top-0 rounded-bottom drag-handler">{ headerText }</div>
+                    <div className="d-flex justify-content-center align-items-center w-100 position-relative px-0">
+                        <div className="h5 text-white text-center text-shadow bg-tertiary-split border-top-0 drag-handler">{ headerText }</div>
                         <div className="position-absolute header-close" onMouseDownCapture={ onMouseDown } onClick={ onCloseClick }>
                             <i className="fas fa-times" />
                         </div>