From 6931b448f46e41177b41c6bb50a6cae5e6b7e15d Mon Sep 17 00:00:00 2001 From: Amolith Date: Wed, 8 Jun 2022 12:33:13 -0400 Subject: [PATCH] Fix alignment on width-constrained devices --- templates/home_authenticated.html | 24 ++++++++++++++---------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/templates/home_authenticated.html b/templates/home_authenticated.html index 5b4477ecaafd125550d798586339ad6ad8d39217..8c0e1b1b8783c56de39acb03a8b7e077572a653c 100644 --- a/templates/home_authenticated.html +++ b/templates/home_authenticated.html @@ -23,8 +23,8 @@ margin: 0 auto; display: flex; flex-direction: column; - align-items: center; - max-width: 580px; + justify-content: center; + max-width: 650px; } .title { font-size: 50px; @@ -70,8 +70,7 @@ table { margin-top: 50px; text-align: center; - overflow-x: scroll; - display: block; + margin: auto; } tr:nth-child(even) { background-color: #2B2B2B; @@ -81,6 +80,9 @@ td { padding: 10px; } + .links_table { + overflow: scroll; + } @@ -97,11 +99,13 @@ - - - - - {{ . }} -
Short linkLong linkActions
+
+ + + + + {{ . }} +
Short linkLong linkActions
+