make website work better on mobile

bigskysoftware · Jul 9, 2024 · eac3af3 · eac3af3
1 parent a16d0fa
commit eac3af3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/www/build_web.ts b/www/build_web.ts
@@ -49,6 +49,7 @@ const HypermediaSystems = new Book("Hypermedia Systems",
   {
     lang: "en",
     htmlHead: `
+    <meta charset=utf8 name=viewport content=width_device-width>
     <link rel="stylesheet" href="/style.css">
     <script type="module" src="/color-customizer.js"></script>
     <header class="book-header">

diff --git a/www/style.css b/www/style.css
@@ -403,6 +403,7 @@ label {
 
 #sidebar, #important, #html-note {
   font-size: .8em;
+  line-height: 1.5em;
   padding: 0 1em;
   display: flow-root;
   font-family: var(--secondary);
@@ -444,8 +445,8 @@ label {
 
 .quote-attribution {
   margin-block-start: -1.3em;
+  padding-inline-start: 1em;
   text-align: right;
-  font-size: .8em;
   border-inline-start: 1px dotted var(--line-color);
 }