From 5a3b36950ca87edff74f96fb9f93fb1ddac09fb6 Mon Sep 17 00:00:00 2001
From: Daniele Tonon <tonon@vitamino.it>
Date: Sun, 5 Nov 2023 18:33:08 +0100
Subject: [PATCH] Review responsive layout

---
 templates/archive.html       | 2 +-
 templates/file_metadata.html | 2 +-
 templates/note.html          | 2 +-
 templates/other.html         | 4 ++--
 templates/profile.html       | 2 +-
 templates/relay.html         | 2 +-
 templates/top.html           | 4 ++--
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/templates/archive.html b/templates/archive.html
index 989c754..a411575 100644
--- a/templates/archive.html
+++ b/templates/archive.html
@@ -16,7 +16,7 @@
       class="mx-auto block px-4 sm:flex sm:items-center sm:justify-center sm:px-0"
     >
       <div
-        class="flex w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:w-9/12 lg:gap-48vw"
+        class="flex w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:w-11/12 md:w-10/12 lg:w-9/12 lg:gap-48vw"
       >
         <div
           class="relative top-auto flex basis-1/4 items-center self-start sm:sticky sm:top-8 sm:mt-8 sm:items-start"
diff --git a/templates/file_metadata.html b/templates/file_metadata.html
index 2a40ce3..76ec584 100644
--- a/templates/file_metadata.html
+++ b/templates/file_metadata.html
@@ -14,7 +14,7 @@
 
     <div class="mx-auto px-4 sm:flex sm:items-center sm:justify-center sm:px-0">
       <div
-        class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-9/12 sm:px-4 lg:gap-48vw"
+        class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12 lg:gap-48vw"
       >
         <div class="w-full break-words print:w-full">
           <header class="mb-4 max-w-full">
diff --git a/templates/note.html b/templates/note.html
index d506c68..d2b036e 100644
--- a/templates/note.html
+++ b/templates/note.html
@@ -14,7 +14,7 @@
 
     <div class="mx-auto px-4 sm:flex sm:items-center sm:justify-center sm:px-0">
       <div
-        class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-9/12 sm:px-4 lg:gap-48vw"
+        class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12 lg:gap-48vw"
       >
         <div class="w-full break-words print:w-full">
           <header class="mb-4 max-w-full">
diff --git a/templates/other.html b/templates/other.html
index 0384cd0..6755a02 100644
--- a/templates/other.html
+++ b/templates/other.html
@@ -17,9 +17,9 @@
       class="mx-auto block px-4 sm:flex sm:items-center sm:justify-center sm:px-0"
     >
       <div
-        class="flex w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:w-9/12 lg:gap-48vw"
+        class="flex w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:w-11/12 md:w-10/12 lg:w-9/12 lg:gap-48vw"
       >
-        <div class="w-full break-words print:w-full sm:w-9/12">
+        <div class="w-full break-words print:w-full md:w-10/12 lg:w-9/12">
           <header class="">
             <div class="mb-4 text-2xl">{{.KindDescription}}</div>
           </header>
diff --git a/templates/profile.html b/templates/profile.html
index 2c02211..b6a035c 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -35,7 +35,7 @@
 
     <div class="mx-auto px-4 sm:flex sm:items-center sm:justify-center sm:px-0">
       <div
-        class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-9/12 sm:px-4 lg:gap-48vw"
+        class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12 lg:gap-48vw"
       >
         <header
           class="relative top-auto flex basis-1/4 items-center self-start sm:sticky sm:top-8 sm:mt-8 sm:block sm:items-start"
diff --git a/templates/relay.html b/templates/relay.html
index 6ff144a..8ff03fb 100644
--- a/templates/relay.html
+++ b/templates/relay.html
@@ -32,7 +32,7 @@
 
     <div class="mx-auto px-4 sm:flex sm:items-center sm:justify-center sm:px-0">
       <div
-        class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:flex sm:w-9/12 lg:gap-48vw"
+        class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:flex md:w-10/12 lg:w-9/12 lg:gap-48vw"
       >
         <div
           class="relative top-auto flex basis-1/4 items-center self-start sm:sticky sm:top-8 sm:mt-8 sm:items-start"
diff --git a/templates/top.html b/templates/top.html
index 613c23b..6d8bb7b 100644
--- a/templates/top.html
+++ b/templates/top.html
@@ -1,7 +1,7 @@
-<header class="items-center p-4 text-sm print:block sm:flex sm:text-base">
+<header class="items-center p-4 pb-6 text-sm print:block sm:flex sm:text-base">
   <a
     href="https://nostr.com"
-    class="text-md basis-1/6 text-right print:hidden"
+    class="text-md text-right text-sm print:hidden md:basis-1/6"
     target="_blank"
     >What is <span class="text-strongpink">Nostr</span>?</a
   >