From: Adam Dullage <redacted>
Date: Mon, 24 Apr 2023 18:18:58 +0000 (+0100)
Subject: Revert "Use rem for font-size."
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=28f42ee4d12e1d37a0af58b53cc4116aa4ab545d;p=flatnotes.git

Revert "Use rem for font-size."

This reverts commit 9797e7fad2c4e2c8d66ee1edc2f2b5824f81dd6b.
---

diff --git a/flatnotes/src/components/LoadingIndicator.vue b/flatnotes/src/components/LoadingIndicator.vue
index 4d94613..6e2d043 100644
--- a/flatnotes/src/components/LoadingIndicator.vue
+++ b/flatnotes/src/components/LoadingIndicator.vue
@@ -23,7 +23,7 @@ p {
 
 .failed-icon {
   color: var(--colour-brand);
-  font-size: 4rem;
+  font-size: 60px;
 }
 
 .failure-message {
@@ -45,7 +45,7 @@ p {
   text-indent: -9999em;
   margin: 33% auto;
   position: relative;
-  font-size: 0.75rem;
+  font-size: 11px;
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
diff --git a/flatnotes/src/components/NoteViewerEditor.vue b/flatnotes/src/components/NoteViewerEditor.vue
index 4def6ad..f534819 100644
--- a/flatnotes/src/components/NoteViewerEditor.vue
+++ b/flatnotes/src/components/NoteViewerEditor.vue
@@ -20,9 +20,9 @@
         class="d-flex justify-content-between flex-wrap align-items-end mb-3"
       >
         <!-- Title -->
-        <h1 v-if="editMode == false" class="title" :title="currentNote.title">
+        <h2 v-if="editMode == false" class="title" :title="currentNote.title">
           {{ currentNote.title }}
-        </h1>
+        </h2>
         <input
           v-else
           type="text"
@@ -138,35 +138,13 @@
 
 .toastui-editor-contents {
   font-family: "Inter", sans-serif;
-  font-size: 1rem;
-  h1 {
-    font-size: 2.25rem;
-    font-weight: 500;
-    border-bottom: none;
-  }
-  h2 {
-    font-size: 2rem;
-    font-weight: 500;
-    border-bottom: none;
-  }
-  h3 {
-    font-size: 1.75rem;
-    font-weight: 500;
-  }
-  h4 {
-    font-size: 1.5rem;
-    font-weight: 500;
-  }
-  h5 {
-    font-size: 1.25rem;
-    font-weight: 500;
-  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
   h6 {
-    font-size: 1rem;
-    font-weight: 500;
-  }
-  p {
-    margin-bottom: 1.5rem;
+    border-bottom: none;
   }
   @include note-padding;
 }
diff --git a/flatnotes/src/components/RecentlyModified.vue b/flatnotes/src/components/RecentlyModified.vue
index 789d298..05399f7 100644
--- a/flatnotes/src/components/RecentlyModified.vue
+++ b/flatnotes/src/components/RecentlyModified.vue
@@ -33,7 +33,7 @@
 @import "../colours";
 
 .mini-header {
-  font-size: 0.75rem;
+  font-size: 12px;
   font-weight: bold;
   color: var(--colour-text-very-muted);
 }
diff --git a/flatnotes/src/components/SearchResults.vue b/flatnotes/src/components/SearchResults.vue
index b8122c8..e0f5554 100644
--- a/flatnotes/src/components/SearchResults.vue
+++ b/flatnotes/src/components/SearchResults.vue
@@ -97,7 +97,7 @@
 .group-name {
   padding-left: 8px;
   font-weight: bold;
-  font-size: 2rem;
+  font-size: 32px;
   color: var(--colour-text-very-muted);
   margin-bottom: 8px;
 }
@@ -112,7 +112,7 @@
 
 .last-modified {
   color: var(--colour-text-muted);
-  font-size: 0.75rem;
+  font-size: 12px;
 }
 
 .result-contents {
@@ -130,12 +130,10 @@
 
 .tag {
   color: white;
-  font-size: 0.75rem;
+  font-size: 14px;
   background-color: var(--colour-brand);
   padding: 2px 6px;
   border-radius: 4px;
-  margin: 4px 0;
-  display: inline-block;
 }
 </style>