From d243a8f2c1a4c82709f15ed53bd5af252465eb4c Mon Sep 17 00:00:00 2001
From: Reinier Klarenberg <reinierklarenberg@gmail.com>
Date: Thu, 13 Jun 2024 04:42:47 +0200
Subject: [PATCH] better font size for mobile

---
 src/app/pages/guide/[slug].page.ts | 2 +-
 src/app/pages/news/[slug].page.ts  | 4 ++--
 src/styles.css                     | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/pages/guide/[slug].page.ts b/src/app/pages/guide/[slug].page.ts
index 69bfe4ba7..d2b36a253 100644
--- a/src/app/pages/guide/[slug].page.ts
+++ b/src/app/pages/guide/[slug].page.ts
@@ -10,7 +10,7 @@ import PostAttributes from '../../post-attributes';
   imports: [AsyncPipe, MarkdownComponent, CommonModule],
   template: `
     @if (post | async; as post) {
-    <article class="rounded-lg container mx-auto max-w-4xl px-3 text-pretty">
+    <article class="rounded-lg container mx-auto max-w-4xl px-3">
       <h1 class="text-xl md:text-3xl font-['Conthrax'] select-none dark:text-gray-300 dark:bg-black rounded-tl-xl border-l-2 pl-2 pr-2 pt-1 pb-1 border-red-800">
         @if(post.attributes.type !== undefined){
           <a href="/guide">Guides</a> >
diff --git a/src/app/pages/news/[slug].page.ts b/src/app/pages/news/[slug].page.ts
index cd046bfcc..bb341b1b0 100644
--- a/src/app/pages/news/[slug].page.ts
+++ b/src/app/pages/news/[slug].page.ts
@@ -10,12 +10,12 @@ import PostAttributes from '../../post-attributes';
   imports: [AsyncPipe, MarkdownComponent, CommonModule],
   template: `
     @if (post | async; as post) {
-    <article class="rounded-lg container mx-auto max-w-4xl px-3 text-pretty">
+    <article class="rounded-lg container mx-auto max-w-4xl px-3">
       <h1 class="text-xl md:text-3xl font-['Conthrax'] select-none dark:text-gray-300 dark:bg-black rounded-tl-xl border-l-2 pl-2 pr-2 pt-1 pb-1 border-red-800">
         <a href="/news">News</a> > {{post.attributes.title}}
       </h1>
       <div class="container dark:bg-[#050505] pl-3 pr-[1em] pt-2 rounded-br-xl">
-        <p class="select-none text-sm mb-3 text-pretty">{{post.attributes.date !== undefined? (post.attributes.date | date:'longDate') : ''}}</p>
+        <p class="select-none text-sm mb-3">{{post.attributes.date !== undefined? (post.attributes.date | date:'longDate') : ''}}</p>
         <analog-markdown class="whitespace-pre-line" [content]="post.content" />
       </div>
     </article>
diff --git a/src/styles.css b/src/styles.css
index 5158af93c..51b2d2396 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -30,13 +30,12 @@
 }
 
 .analog-markdown {
-
-  font-size: small;
+  font-size: 15;
+  line-height: 1.4rem;
   @apply md:text-base;
-
   @apply select-none;
+
   >h1 {
-    font-size: large;
     @apply md:text-xl;
     font-weight: 700;
     margin-bottom: -0.8em;
@@ -44,6 +43,7 @@
     @apply border-l-2;
     @apply pl-2;
     @apply pt-2;
+    @apply mt-2;
     @apply border-red-900;
   }