From cc783ff11185843d97bb0ecd24ae4d5c7441ff82 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 29 Dec 2024 01:30:34 +0100
Subject: [PATCH] design: no more ugly outlined style for input

---
 src/styles/app.css | 6 +++++-
 tailwind.config.js | 5 +++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/styles/app.css b/src/styles/app.css
index b808915..1c2e289 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -84,6 +84,10 @@ a {
   font-size: 1em;
 }
 
+.input:focus {
+  outline-style: none;
+}
+
 @media print {
 
   html,
@@ -113,4 +117,4 @@ pre {
 iframe {
   border-radius: 1rem;
   height: 400px;
-}
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index b52750b..19f25d7 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -30,12 +30,13 @@ module.exports = {
       typography: () => ({
         DEFAULT: {
           css: {
-            'font-size': '15pt',
+            'font-size': '12pt',
             'font-family': '"Courier Prime", monospace',
             ...defaultTitleStyles,
             p: {
               'margin-top': '0.8em',
-              'margin-bottom': '0.8em'
+              'margin-bottom': '0.8em',
+              'text-align': 'justify'
             },
             img: {
               'margin-top': 0,