Update the read-only dashboard's CSS for better mobile support

Fixes: #442
healthchecks · Oct 27, 2020 · 078577c · 078577c
1 parent a37e83a
commit 078577c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,7 @@ All notable changes to this project will be documented in this file.
 - Add a tooltip to the 'confirmation link' label (#436)
 - Update API to allow specifying channels by names (#440)
 - When saving a phone number, remove any invisible unicode characers
+- Update the read-only dashboard's CSS for better mobile support (#442)
 
 ## v1.17.0 - 2020-10-14
 

diff --git a/templates/front/dashboard.html b/templates/front/dashboard.html
@@ -3,6 +3,7 @@
 <head>
     <meta charset="utf-8">
     <title>{{ site_name }}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <style>
         /* Colors, dark theme */
 
@@ -115,7 +116,7 @@
 
         #panel {
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
             grid-gap: 8px;
             padding: 8px;
         }