Add app logo and favicon

app/static/mobile.css

@@ -37,6 +37,20 @@ header {
   margin-bottom: 14px;
 }
 
+.mobile-brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+
+.mobile-brand img {
+  width: 40px;
+  height: 40px;
+  flex: 0 0 auto;
+  border-radius: 9px;
+}
+
 h1 {
   margin: 0;
   font-size: 24px;

app/static/ptouch-web-logo.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-labelledby="title desc">
+  <title id="title">P-Touch Web</title>
+  <desc id="desc">Label printer icon with a printed P label</desc>
+  <rect width="64" height="64" rx="14" fill="#202020"/>
+  <path d="M13 21h28c6 0 10 4 10 10v10c0 6-4 10-10 10H13c-3 0-5-2-5-5V26c0-3 2-5 5-5Z" fill="#343434" stroke="#707070" stroke-width="2"/>
+  <path d="M20 13h31c3 0 5 2 5 5v20c0 3-2 5-5 5H20V13Z" fill="#f7f7f2" stroke="#d9d9d0" stroke-width="2"/>
+  <path d="M17 17h4v22h-4c-2 0-4-2-4-4V21c0-2 2-4 4-4Z" fill="#111"/>
+  <path d="M27 21h10c6 0 10 4 10 10s-4 10-10 10h-4v7h-6V21Zm6 5v10h4c3 0 5-2 5-5s-2-5-5-5h-4Z" fill="#111"/>
+  <path d="M12 48h30" stroke="#f7f7f2" stroke-width="3" stroke-linecap="round"/>
+  <circle cx="50" cy="50" r="4" fill="#2374e1"/>
+</svg>

app/static/style.css

@@ -81,8 +81,23 @@ textarea {
 }
 
 .brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+
+.brand img {
+  width: 36px;
+  height: 36px;
+  flex: 0 0 auto;
+  border-radius: 8px;
+}
+
+.brand div {
   display: grid;
   gap: 2px;
+  min-width: 0;
 }
 
 .brand span {