From 373195069a44e35d60205684dbb3d2be3a5ce816 Mon Sep 17 00:00:00 2001
From: Matt Mascarenhas <admin@miblo.net>
Date: Wed, 9 Jun 2021 16:30:06 +0100
Subject: [PATCH] cinera.css: Use rem unit for font-size

---
 cinera/cinera.c   |  2 +-
 cinera/cinera.css | 26 +++++++++++++-------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/cinera/cinera.c b/cinera/cinera.c
index 3149c73..b19ddd6 100644
--- a/cinera/cinera.c
+++ b/cinera/cinera.c
@@ -23,7 +23,7 @@ typedef struct
 version CINERA_APP_VERSION = {
     .Major = 0,
     .Minor = 8,
-    .Patch = 18
+    .Patch = 19
 };
 
 #include <stdarg.h> // NOTE(matt): varargs
diff --git a/cinera/cinera.css b/cinera/cinera.css
index beea22e..2789e81 100644
--- a/cinera/cinera.css
+++ b/cinera/cinera.css
@@ -250,7 +250,7 @@ ul.cineraNavPlain li.current > a {
 .cineraMenuItem
 {
     font-weight: bold;
-    font-size: 12px;
+    font-size: 1rem;
 }
 
 .cineraQueryContainer {
@@ -282,7 +282,7 @@ ul.cineraNavPlain li.current > a {
     position: absolute;
     top: 2px;
     right: 5px;
-    font-size: small;
+    font-size: .5rem;
     color: #000000;
     height: 100%;
     display: none;
@@ -332,7 +332,7 @@ ul.cineraNavPlain li.current > a {
     border: 1px solid;
 
     text-align: center;
-    font-size: 16px;
+    font-size: 1rem;
     font-weight: bold;
 
     flex-direction: column;
@@ -411,7 +411,7 @@ ul.cineraNavPlain li.current > a {
     box-sizing: border-box;
     display: block;
     flex-shrink: 0;
-    font-size: 12px;
+    font-size: .75rem;
     line-height: 16px;
     padding: 5px;
     vertical-align: top;
@@ -510,7 +510,7 @@ ul.cineraNavPlain li.current > a {
     padding: 4px;
     width: 6px;
     margin: 2px;
-    font-size: 12px;
+    font-size: .75rem;
     font-weight: bold;
     line-height: 6px;
     text-align: center;
@@ -540,7 +540,7 @@ ul.cineraNavPlain li.current > a {
 .cineraHelp .help_container .help_key {
     box-sizing: content-box;
     font-family: Inconsolata;
-    font-size: 16px;
+    font-size: 1rem;
     border: 1px solid;
     display: inline-block;
     background-color: #111111; /* Per project */
@@ -589,7 +589,7 @@ ul.cineraNavPlain li.current > a {
 
 
 .cineraHelp .help_container h2 {
-    font-size: 16px;
+    font-size: 1rem;
     margin-bottom: 8px;
 }
 
@@ -669,7 +669,7 @@ ul.cineraNavPlain li.current > a {
 .cineraMenus > .menu > .refs .ref .timecode,
 .cineraMenus > .menu > .filter_container .filter_mode,
 .cineraMenus > .menu > .link_container #cineraLinkMode {
-    font-size: 12px;
+    font-size: .75rem;
 }
 
 .cineraMenus > .menu > .filter_container .filter_mode,
@@ -699,7 +699,7 @@ ul.cineraNavPlain li.current > a {
 .cineraMenus > .menu > .refs .ref .quote_byline,
 .cineraMenus > .menu > .filter_container .filter_title,
 .cineraMenus > .menu > .credits_container .credit .role {
-    font-size: 10px;
+    font-size: .64rem;
 }
 
 .cineraMenus > .menu > .refs .ref .source,
@@ -832,7 +832,7 @@ ul.cineraNavPlain li.current > a {
 .cineraPlayerContainer .markers_container > .episodeMarker {
     text-decoration: none;
     display: flex;
-    font-size: 11px;
+    font-size: .75rem;
     font-weight: bold;
 }
 
@@ -860,7 +860,7 @@ ul.cineraNavPlain li.current > a {
 }
 
 .cineraPlayerContainer .markers_container > .episodeMarker div:not(:nth-of-type(2)) {
-    font-size: 15px;
+    font-size: .9rem;
     font-weight: normal;
 }
 
@@ -901,7 +901,7 @@ ul.cineraNavPlain li.current > a {
 
 .cineraPlayerContainer .markers_container > .markers .marker .cineraContent {
     display: inline-block;
-    font-size: 14px;
+    font-size: .8rem;
 }
 
 .cinera:not(.mobile) .cineraPlayerContainer .markers_container > .markers .marker.skip {
@@ -940,7 +940,7 @@ ul.cineraNavPlain li.current > a {
 }
 
 .cineraPlayerContainer .markers_container > .markers .marker .timecode {
-    font-size: 9px;
+    font-size: .6rem;
     font-style: normal;
     padding-right: 8px;
     position: relative;