Swapped explicit font sizes to rem values

diff --git a/flatnotes/src/components/RecentlyModified.vue b/flatnotes/src/components/RecentlyModified.vue
index 05399f79178569715a13048470cd8442619bbc9f..789d29822a96fa06535ad4a3bffacadf5d1f2b22 100644 (file)
--- a/flatnotes/src/components/RecentlyModified.vue
+++ b/flatnotes/src/components/RecentlyModified.vue
@@ -33,7 +33,7 @@
 @import "../colours";
 
 .mini-header {
-  font-size: 12px;
+  font-size: 0.75rem;
   font-weight: bold;
   color: var(--colour-text-very-muted);
 }

diff --git a/flatnotes/src/components/SearchResults.vue b/flatnotes/src/components/SearchResults.vue
index e0f55547fd4f07d1db597ed17406a9b98d90f392..e39083b0f25e067d1f4779dc425e1ce9b00c6167 100644 (file)
--- 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: 32px;
+  font-size: 2rem;
   color: var(--colour-text-very-muted);
   margin-bottom: 8px;
 }
@@ -112,7 +112,7 @@
 
 .last-modified {
   color: var(--colour-text-muted);
-  font-size: 12px;
+  font-size: 0.75rem;
 }
 
 .result-contents {
@@ -130,7 +130,7 @@
 
 .tag {
   color: white;
-  font-size: 14px;
+  font-size: 0.75rem;
   background-color: var(--colour-brand);
   padding: 2px 6px;
   border-radius: 4px;