design: more padding and more balanced text left aligned

2025-06-29 12:07:37 +02:00
parent 7177fe458c
commit 044be29ad3
2 changed files with 3 additions and 2 deletions
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -313,7 +313,7 @@ a.title-stacked-note-link {

@media screen and (max-width: 768px) {
  .stacked-note {
-    padding: 0 0.5rem 1rem;
+    padding: 0 0.75rem 1rem;

    section {
      padding: 1rem 0 2rem;
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -30,7 +30,8 @@ module.exports = {
            p: {
              "margin-top": "0.8em",
              "margin-bottom": "0.8em",
-              "text-align": "justify",
+              // "text-align": "justify",
+              "text-wrap": "balance",
            },
            img: {
              "margin-top": 0,