PR Updates, round 1

pkg/dashboard/assets/css/dashboard.css

@@ -13,6 +13,9 @@
     padding-right: 40px;
     box-shadow: none;
 }
+.card.insights img {
+  max-width: 400px;
+}
 .card.insights a {
   background-color: #20162D;
   color: #fff;

pkg/dashboard/assets/css/footer.css

@@ -21,4 +21,6 @@
   text-decoration: underline;
 }
 
-
+.footer > div {
+  width: 200px;
+}

pkg/dashboard/assets/css/main.css

@@ -20,8 +20,7 @@ body {
 }
 
 .exemption-alert {
-  margin-top: 15px;
-  padding: 15px;
+  padding: 30px 0 15px;
 }
 .exemption-alert .fa-exclamation {
   margin-right: 10px;

pkg/dashboard/assets/css/navbar.css

@@ -48,3 +48,7 @@
   max-height: 9rem;
   overflow-y: scroll;
 }
+
+.navbar .right-section > a {
+  margin: 0 10px;
+}

pkg/dashboard/templates/dashboard.gohtml

@@ -84,7 +84,7 @@
   </div>
 
   <div id="insights" class="card insights py-2">
-    <img class="col-3 align-self-center" src="static/images/FW_Insights_Polaris.svg" />
+    <img class="align-self-center" src="static/images/FW_Insights_Polaris.svg" />
     <span>Fairwinds, the company behind Polaris, now offers Fairwinds Insights, a multi-cluster, multi-user Kubernetes configuration validation and policy enforcement platform. Fairwinds Insights can help you avoid errors that lead to wasted time, compute costs, and increased risk.</span>
     <a class="col-auto py-1 px-3 mt-2 align-self-center" href="https://fairwinds.com/insights?source=polaris" target="_blank">Try Insights</a>
   </div>

pkg/dashboard/templates/footer.gohtml

@@ -1,6 +1,6 @@
 {{define "footer"}}
   <div class="footer">
-    <div class="col-2 align-self-center">
+    <div class="align-self-center">
       <div class="row mb-4">
         <a href="https://polaris.docs.fairwinds.com/" target="_blank">Polaris Docs</a>
         <a href="http://github.com/fairwindsops/polaris/issues" target="_blank">Feedback</a>
@@ -21,7 +21,7 @@
       </div>
     </div>
     <hr class="col-11">
-    <div class="col-2 align-self-center d-flex flex-column justify-content-center">
+    <div class="align-self-center d-flex flex-column justify-content-center">
       <img class="row mb-4 fw-logo" src="static/images/purple_logo_fairwinds.svg" alt="Fairwinds" />
       <a class="row justify-content-center" href="https://fairwinds.com?source=polaris"  target="_blank">&copy; 2020 Fairwinds Ops Inc.</a>
     </div>

pkg/dashboard/templates/navbar.gohtml

@@ -5,7 +5,7 @@
         <a href="https://fairwinds.com?source=polaris" target="_blank">
           <img class="fw-logo" src="static/images/white_logo_fairwinds.svg" alt="Fairwinds" />
         </a>
-        <div class="right-section col-4 p-0 d-flex justify-content-between">
+        <div class="right-section p-0 d-flex justify-content-between">
           <a href="https://github.com/FairwindsOps" target="_blank">
             <img class="gh-logo" src="static/images/white_icon_github.svg" alt="Github" />
           </a>
@@ -22,15 +22,15 @@
         </div>
       </div>
     </div>
-    <div class="polaris-nav sticky-top">
+    <div class="polaris-nav">
       <div class="container p-2">
         <div class="left-section d-flex align-items-center">
           <a class="mr-3" href="{{ .BasePath }}">
             <img class="logo" src="static/images/polaris_logo.svg" alt="Polaris" />
           </a>
           <a href="https://polaris.docs.fairwinds.com/" target="_blank">Docs</a>
         </div>
-        <div class="right-section col-4 p-0 d-flex justify-content-between align-items-center">
+        <div class="right-section p-0 d-flex justify-content-between align-items-center">
           <a href="#overview">Overview</a>
           <a href="#insights">Insights</a>
           <a href="#categories">Categories</a>