fixes wco

styles/pwinter.css

@@ -1,3 +1,5 @@
+@import 'reset.css';
+
 :root {
     --shadow-color: rgba(0, 0, 0, .5);
     --shadow: 0px 0px 20px var(--shadow-color);
@@ -21,6 +23,10 @@ html {
     height: 100vh;
 }
 
+h1 {
+    font-weight: bolder;
+}
+
 body {
     display: grid;
     grid-template: 1fr auto 1fr / 1fr 4fr 1fr;
@@ -85,7 +91,7 @@ header {
 }
 
 .icon {
-    height: 1rem;
+    height: 1.1rem;
     cursor: pointer;
     -webkit-app-region: no-drag;
     app-region: no-drag;
@@ -179,10 +185,6 @@ input[type="color"] {
     }
 }
 
-@media (orientation: portrait) {
-
-}
-
 @media (orientation: portrait) and (device-posture: folded) {
 
 
@@ -197,4 +199,33 @@ input[type="color"] {
     #titleBarIcons {
         gap: 2rem;
     }
+}
+
+@media (pointer: fine) {
+    .icon {
+        height: 1.1rem;
+    }
+
+    header {
+        flex-direction: row;
+        align-items: flex-start;
+        justify-content: space-between;
+        -webkit-app-region: drag;
+        app-region: drag;
+        width: calc(env(titlebar-area-width, 100%) - 2em);
+        padding: .5rem;
+    }
+
+    body {
+        display: grid;
+        grid-template: 1fr auto 1fr / 1fr 4fr 1fr;
+        height: 100vh;
+        /* max-width: 1000px; */
+        padding: 0px;
+        margin: 0px auto;
+        color: #FFF;
+        font-family: 'Courier New', Courier, monospace;
+    }
+
+
 }

styles/reset.css

@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}