patx/projectpay

modernize ui with no boarderlines for a cleaner look

Commit c8885e7 · patx · 2026-06-30T21:47:16-04:00

Changeset

c8885e7aa19e11e08a9b1aa2b69c4c168605f122

Parents

bdf283fa491b3aab762da5470d9e7894378a013f

View source at this commit

Comments

No comments yet.

Log in to comment

Diff

diff --git a/templates/base.html b/templates/base.html
index e52a317..3b57dba 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -18,7 +18,7 @@
       h1 { font-size: 26px; margin-bottom: 4px; }
       h2 { font-size: 18px; margin: 0 0 12px; }
       table { width: 100%; border-collapse: collapse; }
-      th, td { border-bottom: 0px solid #ddd; padding: 20px 0; text-align: left; vertical-align: top; }
+      th, td { padding: 20px 0; text-align: left; vertical-align: top; }
       th { color: #697586; font-size: 13px; }
       input, textarea {
         width: 100%;
@@ -45,7 +45,7 @@
       }
       .secondary { background: #fff; border-color: #cfd6dd; color: #1f2933; }
       .danger { background: #fff; border-color: #efb5ad; color: #b42318; }
-      .topbar { background: #fff; border-bottom: 1px solid #ddd; }
+      .topbar { background: #fff; }
       .topbar-inner, .page { max-width: 1080px; margin: 0 auto; padding: 16px 20px; }
       .topbar-inner, .header-row, .nav, .searchbar {
         display: flex;
@@ -94,10 +94,10 @@
       }
       .grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
       .stats { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 16px 0; }
-      .stat { border: 1px solid #ddd; border-radius: 8px; padding: 12px; }
+      .stat { border-radius: 8px; padding: 12px; }
       .stat span { display: block; color: #697586; font-size: 13px; }
       .stat strong { font-size: 19px; }
-      .alert { border: 1px solid #ddd; border-radius: 8px; padding: 10px 12px; margin-bottom: 14px; }
+      .alert { border-radius: 8px; padding: 10px 12px; margin-bottom: 14px; }
       .alert.error { border-color: #efb5ad; color: #b42318; background: #fff0ee; }
       .alert.info { background: #fff8e8; }
       .alert.ok { background: #eaf7ef; }
@@ -123,7 +123,6 @@
       .project-card,
       .payment-card {
         background: #fff;
-        border: 1px solid #ddd;
         border-radius: 8px;
         color: inherit;
         text-decoration: none;
@@ -214,7 +213,6 @@
         grid-template-columns: minmax(0, 1fr) auto;
         gap: 12px;
         align-items: end;
-        border: 1px solid #ddd;
         border-radius: 8px;
         padding: 14px;
         margin-bottom: 12px;
@@ -296,7 +294,6 @@
         right: 0;
         bottom: 0;
         z-index: 10;
-        border-top: 1px solid #ddd;
         background: rgba(247, 247, 247, .96);
         padding: 12px 20px;
       }
@@ -316,7 +313,6 @@
         right: 0;
         bottom: 0;
         z-index: 10;
-        border-top: 1px solid #ddd;
         background: rgba(247, 247, 247, .96);
         padding: 12px 20px;
       }
@@ -352,11 +348,9 @@
       }
       .sticky-index-top {
         top: 0;
-        border-bottom: 1px solid #ddd;
       }
       .sticky-index-search {
         bottom: 0;
-        border-top: 1px solid #ddd;
       }
       .sticky-index-actions,
       .sticky-index-search-inner {