web: logo updates

nfoguard-web/static/css/styles.css

@@ -53,14 +53,20 @@ body {
 .header-logo {
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: flex-start;  /* Align to left instead of center */
     gap: 1rem;
+    padding: 0.5rem 0;  /* Add some vertical padding */
 }
 
 .header-logo .logo {
-    height: 60px;
+    height: 80px;
     width: auto;
-    /* filter: brightness(0) invert(1); */ /* Make logo white - temporarily disabled for testing */
+    object-fit: contain;
+    object-position: center;
+    /* Remove white background and make it fit better */
+    background: transparent;
+    /* Optional: slight drop shadow for visibility */
+    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.2));
 }
 
 .header-text {