From 741bc64237f8c97fbf50e458d664e2057fd70483 Mon Sep 17 00:00:00 2001
From: Ari Archer <ari@ari.lt>
Date: Wed, 12 Jun 2024 15:39:23 +0300
Subject: [PATCH] improve css

Signed-off-by: Ari Archer <ari@ari.lt>
---
 src/static/css/base.css | 16 +++++++++++++---
 src/templates/index.j2  |  4 ++--
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/static/css/base.css b/src/static/css/base.css
index 8df39a3..92ef494 100644
--- a/src/static/css/base.css
+++ b/src/static/css/base.css
@@ -34,6 +34,14 @@ html {
     background-color: #090909;
 }
 
+textarea {
+    background-color: #111;
+    border: none;
+    padding: 0.5em;
+    resize: vertical;
+    min-height: 3em;
+}
+
 body {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -85,7 +93,8 @@ main {
     padding: 1em;
 }
 
-footer, footer * {
+footer,
+footer * {
     text-align: center;
     opacity: 0.8;
 }
@@ -94,7 +103,8 @@ li {
     margin: 0.5em 0;
 }
 
-table, table * {
+table,
+table * {
     text-align: justify;
 }
 
@@ -108,7 +118,7 @@ a {
     text-decoration: none;
 }
 
-input[type=checkbox] {
+input[type="checkbox"] {
     cursor: pointer;
 }
 
diff --git a/src/templates/index.j2 b/src/templates/index.j2
index 0c2f29e..fecceaa 100644
--- a/src/templates/index.j2
+++ b/src/templates/index.j2
@@ -237,7 +237,7 @@
         Normal: <a href="https://ari.lt/" title="ari-web badge" aria-label="Visit ari-web" rel="noopener noreferrer"> <img src="{{ url_for("views.badge") }}" loading="lazy" alt="ari-web badge" height="31" width="88" role="presentation" /> </a>
         <ul>
             <li>
-                <b>Embed:</b> <textarea style="width:50%;min-height:3rem;resize:vertical" disabled>&lt;a href="https://ari.lt/" title="ari-web badge" aria-label="Visit ari-web" rel="noopener noreferrer"&gt; &lt;img src="https://ari.lt{{ url_for("views.badge") }}" loading="lazy" alt="ari-web badge" height="31" width="88" role="presentation" /&gt; &lt;/a&gt;</textarea>
+                <b>Embed:</b> <textarea style="width:50%" disabled>&lt;a href="https://ari.lt/" title="ari-web badge" aria-label="Visit ari-web" rel="noopener noreferrer"&gt; &lt;img src="https://ari.lt{{ url_for("views.badge") }}" loading="lazy" alt="ari-web badge" height="31" width="88" role="presentation" /&gt; &lt;/a&gt;</textarea>
             </li>
         </ul>
     </li>
@@ -246,7 +246,7 @@
         Yellow: <a href="https://ari.lt/" title="ari-web badge" aria-label="Visit ari-web" rel="noopener noreferrer"> <img src="{{ url_for("views.badge_yellow") }}" loading="lazy" alt="ari-web badge" height="31" width="88" role="presentation" /> </a>
         <ul>
             <li>
-                <b>Embed:</b> <textarea style="width:50%;min-height:3rem;resize:vertical" disabled>&lt;a href="https://ari.lt/" title="ari-web badge" aria-label="Visit ari-web" rel="noopener noreferrer"&gt; &lt;img src="https://ari.lt{{ url_for("views.badge_yellow") }}" loading="lazy" alt="ari-web badge" height="31" width="88" role="presentation" /&gt; &lt;/a&gt;</textarea>
+                <b>Embed:</b> <textarea style="width:50%" disabled>&lt;a href="https://ari.lt/" title="ari-web badge" aria-label="Visit ari-web" rel="noopener noreferrer"&gt; &lt;img src="https://ari.lt{{ url_for("views.badge_yellow") }}" loading="lazy" alt="ari-web badge" height="31" width="88" role="presentation" /&gt; &lt;/a&gt;</textarea>
             </li>
         </ul>
     </li>