From cf029f690c85f1acb6634a47025ca4f1179ef910 Mon Sep 17 00:00:00 2001
From: Dan <39170265+chillenberger@users.noreply.github.com>
Date: Fri, 13 Oct 2023 10:43:50 -0600
Subject: [PATCH 1/3] fix dropdown position

---
 .../src/components/navigation/left_nav/web_app/template.html    | 2 +-
 .../src/components/navigation/left_nav/web_app/web_app.scss     | 1 +
 .../src/components/navigation/navbar/marketing/marketing.scss   | 1 +
 .../src/components/navigation/navbar/marketing/template.html    | 2 +-
 .../src/components/navigation/navbar/web_app/template.html      | 2 +-
 .../src/components/navigation/navbar/web_app/web_app.scss       | 1 +
 6 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/pgml-dashboard/src/components/navigation/left_nav/web_app/template.html b/pgml-dashboard/src/components/navigation/left_nav/web_app/template.html
index 7b095e586..0d68709fc 100644
--- a/pgml-dashboard/src/components/navigation/left_nav/web_app/template.html
+++ b/pgml-dashboard/src/components/navigation/left_nav/web_app/template.html
@@ -1,5 +1,5 @@
 <% use crate::components::{LeftNavMenu, Dropdown}; %>
-<nav class="navbar leftnav nav-pills h-100" data-controller="extend-bs-collapse navigation-left-nav-web-app" data-extend-bs-collapse-affected-value=".leftnav-collapse-affect">
+<nav class="leftnav nav-pills h-100" data-controller="extend-bs-collapse navigation-left-nav-web-app" data-extend-bs-collapse-affected-value=".leftnav-collapse-affect">
   <div class="d-flex flex-column justify-content-between h-100 w-100">
     <div class="d-flex flex-column">
       <button class="btn-left-nav-toggle mb-5" type="button" data-bs-toggle="collapse" data-bs-target=".leftnav-collapse" aria-expanded="true">
diff --git a/pgml-dashboard/src/components/navigation/left_nav/web_app/web_app.scss b/pgml-dashboard/src/components/navigation/left_nav/web_app/web_app.scss
index 837754630..d08ee01c0 100644
--- a/pgml-dashboard/src/components/navigation/left_nav/web_app/web_app.scss
+++ b/pgml-dashboard/src/components/navigation/left_nav/web_app/web_app.scss
@@ -14,6 +14,7 @@
 }
 
 .leftnav {
+    @extend .navbar;
     max-width: 260px;
 
     border: none;
diff --git a/pgml-dashboard/src/components/navigation/navbar/marketing/marketing.scss b/pgml-dashboard/src/components/navigation/navbar/marketing/marketing.scss
index 55e2dee76..4a5c5ab4f 100644
--- a/pgml-dashboard/src/components/navigation/navbar/marketing/marketing.scss
+++ b/pgml-dashboard/src/components/navigation/navbar/marketing/marketing.scss
@@ -1,4 +1,5 @@
 .navbar-marketing-site {
+    @extend .navbar;
     &.horizontal {
         background: linear-gradient(180deg, rgba(0, 0, 0, 0.64) -55.68%, rgba(0, 0, 0, 0) 100%);
     }
diff --git a/pgml-dashboard/src/components/navigation/navbar/marketing/template.html b/pgml-dashboard/src/components/navigation/navbar/marketing/template.html
index 542b7eb76..ff3715baf 100644
--- a/pgml-dashboard/src/components/navigation/navbar/marketing/template.html
+++ b/pgml-dashboard/src/components/navigation/navbar/marketing/template.html
@@ -2,7 +2,7 @@
 <% use crate::templates::components::PostgresLogo; %>
 
   <div class="sticky-top-nav" data-controller="navigation-navbar-marketing">
-    <nav class="navbar navbar-marketing-site horizontal navbar-expand-lg" data-controller="search topnav-styling">
+    <nav class="navbar-marketing-site horizontal navbar-expand-lg" data-controller="search topnav-styling">
       <div class="container gap-4">
         <div class="controls">
           <%+ PostgresLogo::new("/") %>
diff --git a/pgml-dashboard/src/components/navigation/navbar/web_app/template.html b/pgml-dashboard/src/components/navigation/navbar/web_app/template.html
index 0e9a166a7..04767ac7d 100644
--- a/pgml-dashboard/src/components/navigation/navbar/web_app/template.html
+++ b/pgml-dashboard/src/components/navigation/navbar/web_app/template.html
@@ -5,7 +5,7 @@
 %>
 
   <div class="fixed-top-nav" data-controller="navigation-navbar-web-app">
-    <nav class="navbar navbar-web-app horizontal navbar-expand-lg" data-controller="search topnav-web-app">
+    <nav class="navbar-web-app horizontal navbar-expand-lg" data-controller="search topnav-web-app">
       
       <div class="controls">
         <!-- Toggles items that come from left nav -->
diff --git a/pgml-dashboard/src/components/navigation/navbar/web_app/web_app.scss b/pgml-dashboard/src/components/navigation/navbar/web_app/web_app.scss
index 5b530a2d2..e4795e31b 100644
--- a/pgml-dashboard/src/components/navigation/navbar/web_app/web_app.scss
+++ b/pgml-dashboard/src/components/navigation/navbar/web_app/web_app.scss
@@ -1,4 +1,5 @@
 .navbar-web-app {
+    @extend .navbar;
     background-color: var(--webapp-nav-bg);
 
     border-bottom: 1px solid #{$gray-500};

From a97caa5e56fc5950713009e6b9762e5e39247c81 Mon Sep 17 00:00:00 2001
From: Dan <39170265+chillenberger@users.noreply.github.com>
Date: Fri, 13 Oct 2023 10:48:32 -0600
Subject: [PATCH 2/3] make left nav icons match cloud2 for same options

---
 pgml-dashboard/src/guards.rs | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/pgml-dashboard/src/guards.rs b/pgml-dashboard/src/guards.rs
index 9decdb128..ba764551a 100644
--- a/pgml-dashboard/src/guards.rs
+++ b/pgml-dashboard/src/guards.rs
@@ -90,7 +90,7 @@ impl Cluster {
                             "Notebooks".to_string(),
                             "/dashboard?tab=Notebooks".to_string(),
                         )
-                        .icon("thumbnail_bar")
+                        .icon("add_notes")
                         .active(
                             uri.is_some()
                                 && (uri.clone().unwrap().starts_with("/dashboard?tab=Notebook")
@@ -100,7 +100,7 @@ impl Cluster {
                             "Projects".to_string(),
                             "/dashboard?tab=Projects".to_string(),
                         )
-                        .icon("thumbnail_bar")
+                        .icon("library_add")
                         .active(
                             uri.is_some()
                                 && uri.clone().unwrap().starts_with("/dashboard?tab=Project"),
@@ -109,7 +109,7 @@ impl Cluster {
                             "Models".to_string(),
                             "/dashboard?tab=Models".to_string(),
                         )
-                        .icon("thumbnail_bar")
+                        .icon("space_dashboard")
                         .active(
                             uri.is_some()
                                 && uri.clone().unwrap().starts_with("/dashboard?tab=Model"),
@@ -118,7 +118,7 @@ impl Cluster {
                             "Snapshots".to_string(),
                             "/dashboard?tab=Snapshots".to_string(),
                         )
-                        .icon("thumbnail_bar")
+                        .icon("filter_center_focus")
                         .active(
                             uri.is_some()
                                 && uri.clone().unwrap().starts_with("/dashboard?tab=Snapshot"),
@@ -127,7 +127,7 @@ impl Cluster {
                             "Upload data".to_string(),
                             "/dashboard?tab=Upload_Data".to_string(),
                         )
-                        .icon("thumbnail_bar")
+                        .icon("upload")
                         .active(
                             uri.is_some()
                                 && uri

From df3c7030dde6f4862042ab144fa9134d068f9ca8 Mon Sep 17 00:00:00 2001
From: Dan <39170265+chillenberger@users.noreply.github.com>
Date: Fri, 13 Oct 2023 10:57:54 -0600
Subject: [PATCH 3/3] add some padding to small screens web app content
 container

---
 pgml-dashboard/static/css/scss/layout/_containers.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/pgml-dashboard/static/css/scss/layout/_containers.scss b/pgml-dashboard/static/css/scss/layout/_containers.scss
index e8226b6a3..84c5017f6 100644
--- a/pgml-dashboard/static/css/scss/layout/_containers.scss
+++ b/pgml-dashboard/static/css/scss/layout/_containers.scss
@@ -148,6 +148,10 @@
 
 .webapp-content-max-width-container {
     max-width: $webapp-content-max-width;
-    margin: 0px auto;
+    margin: 0px 20px;
     min-height: calc(100vh - $navbar-height - $breadcrumb-height - 1px);
+    
+    @include media-breakpoint-up(md) {
+        margin: 0px auto;
+    }
   }

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://rainy.clevelandohioweatherforecast.com/php-proxy/index.php?q=https://patch-diff.githubusercontent.com/raw/postgresml/postgresml/pull/1073.patch" target="_blank">Alternative Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/index.php?u=https://patch-diff.githubusercontent.com/raw/postgresml/postgresml/pull/1073.patch" target="_blank">pFad Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v3index.php?u=https://patch-diff.githubusercontent.com/raw/postgresml/postgresml/pull/1073.patch" target="_blank">pFad v3 Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v4index.php?u=https://patch-diff.githubusercontent.com/raw/postgresml/postgresml/pull/1073.patch" target="_blank">pFad v4 Proxy</a></p></body>
</html>