From 499510bd21b106fc84fb7efd91276e3660c2a456 Mon Sep 17 00:00:00 2001
From: Lucas <lucas@domain.invalid>
Date: Sun, 19 Feb 2023 20:22:22 +0000
Subject: [PATCH] frontend: use width in .viewport

Also add .viewport to main div.
---
 public/css/style.css  | 2 +-
 views/layouts/main.tt | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 2e9621f..439af86 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -76,7 +76,7 @@ a:active {
 .viewport {
   margin-left: auto;
   margin-right: auto;
-  max-width: 60rem;
+  width: 60rem;
 }
 
 .border-bottom {
diff --git a/views/layouts/main.tt b/views/layouts/main.tt
index 63cdb7f..f08388d 100644
--- a/views/layouts/main.tt
+++ b/views/layouts/main.tt
@@ -19,7 +19,7 @@
   <main class="border-bottom border-top border-accent flex-i-fullsize flex-c-vertical">
     <div class="viewport flex-i-fullsize flex-c-vertical">
       <h1>[% title %]</h1>
-      <div class="flex-i-fullsize">[% content %]</div>
+      <div class="viewport flex-i-fullsize">[% content %]</div>
 [% IF pager %]
       <footer>
         <nav class="text-center">