design: no more ugly outlined style for input

2024-12-29 01:30:34 +01:00
parent 7b19e71145
commit cc783ff111
2 changed files with 8 additions and 3 deletions
--- 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,
--- 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,