From 8cfeab6dbcb4ea60fb42f40e7a617b238813ee65 Mon Sep 17 00:00:00 2001
From: Thomas Miceli <tho.miceli@gmail.com>
Date: Sat, 8 Apr 2023 00:21:22 +0200
Subject: [PATCH] Small responsive UI change

---
 templates/pages/create.html | 6 +++---
 templates/pages/edit.html   | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/pages/create.html b/templates/pages/create.html
index 3f33799..d00329c 100644
--- a/templates/pages/create.html
+++ b/templates/pages/create.html
@@ -10,12 +10,12 @@
     <main class="mt-4">
         <form id="create" class="space-y-4" method="post" action="/">
             <div class="grid grid-cols-12 gap-x-4">
-                <div class="col-span-4">
+                <div class="col-span-8 sm:col-span-4">
                     <div class="mt-1">
                         <input type="text" placeholder="Title" name="title" id="title" class="bg-black shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
                     </div>
                 </div>
-                <div class="col-span-8">
+                <div class="col-span-12 sm:col-span-8">
                     <div class="mt-1">
                         <input type="text" placeholder="Description" name="description" id="description" class="bg-black shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
                     </div>
@@ -28,7 +28,7 @@
                         <p class="mx-2 my-2 inline-flex">
                             <input type="text" name="name" placeholder="Filename with extension" style="line-height: 0.05em" class="form-filename bg-gray-900 shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
                         </p>
-                        <div class="mx-2 my-2 inline-flex ml-auto space-x-2">
+                        <div class="hidden mx-2 my-2 sm:inline-flex ml-auto space-x-2">
                             <select class="editor-indent-type whitespace-nowrap text-slate-300 rounded border border-gray-600 bg-gray-900 pr-8 text-xs font-medium shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500">
                                 <optgroup label="Indent mode">
                                     <option value="space">Space</option>
diff --git a/templates/pages/edit.html b/templates/pages/edit.html
index deffff2..2678f47 100644
--- a/templates/pages/edit.html
+++ b/templates/pages/edit.html
@@ -40,12 +40,12 @@
     <main class="mt-4">
         <form id="create" class="space-y-4" method="post" action="/{{ .gist.User.Username }}/{{ .gist.Uuid }}/edit">
             <div class="grid grid-cols-12 gap-x-4">
-                <div class="col-span-4">
+                <div class="col-span-8 sm:col-span-4">
                     <div class="mt-1">
                         <input type="text" value="{{ .gist.Title }}" placeholder="Title" name="title" id="title" class="bg-black shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
                     </div>
                 </div>
-                <div class="col-span-8">
+                <div class="col-span-12 sm:col-span-8">
                     <div class="mt-1">
                         <input type="text" value="{{ .gist.Description }}" placeholder="Description" name="description" id="description" class="bg-black shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
                     </div>
@@ -64,7 +64,7 @@
                                 </svg>
                             </button>
                         </p>
-                        <div class="mx-2 my-2 inline-flex ml-auto space-x-2">
+                        <div class="hidden mx-2 my-2 sm:inline-flex ml-auto space-x-2">
                             <select class="editor-indent-type whitespace-nowrap text-slate-300 rounded border border-gray-600 bg-gray-900 pr-8 text-xs font-medium shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500">
                                 <optgroup label="Indent mode">
                                     <option value="space">Space</option>