From fda3ee819b439ee9d2198f3173147377047b6bd0 Mon Sep 17 00:00:00 2001
From: Matt Mascarenhas <matt@handmadedev.org>
Date: Sun, 10 Dec 2017 17:05:46 +0000
Subject: [PATCH] cinera: More namespacing and style tweak

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

diff --git a/cinera/cinera.c b/cinera/cinera.c
index 6926b75..ccea729 100644
--- a/cinera/cinera.c
+++ b/cinera/cinera.c
@@ -14,7 +14,7 @@ typedef struct
 version CINERA_APP_VERSION = {
     .Major = 0,
     .Minor = 5,
-    .Patch = 7
+    .Patch = 8
 };
 
 #define CINERA_DB_VERSION 1
@@ -2475,7 +2475,7 @@ AppendedIdentifier:
 
             CopyBuffer(&Annotation, &AnnotationHeader);
             CopyStringToBuffer(&Annotation,
-                    "                    <div class=\"content\"><span class=\"timecode\">%s</span>",
+                    "                    <div class=\"cineraContent\"><span class=\"timecode\">%s</span>",
                     Anno->time);
 
             CopyBuffer(&Annotation, &Text);
@@ -2487,7 +2487,7 @@ AppendedIdentifier:
 
             CopyStringToBuffer(&Annotation, "</div>\n"
                     "                    <div class=\"progress faded\">\n"
-                    "                        <div class=\"content\"><span class=\"timecode\">%s</span>",
+                    "                        <div class=\"cineraContent\"><span class=\"timecode\">%s</span>",
                     Anno->time);
 
             CopyBuffer(&Annotation, &Text);
@@ -2500,7 +2500,7 @@ AppendedIdentifier:
             CopyStringToBuffer(&Annotation, "</div>\n"
                     "                    </div>\n"
                     "                    <div class=\"progress main\">\n"
-                    "                        <div class=\"content\"><span class=\"timecode\">%s</span>",
+                    "                        <div class=\"cineraContent\"><span class=\"timecode\">%s</span>",
                     Anno->time);
 
             CopyBuffer(&Annotation, &Text);
diff --git a/cinera/cinera.css b/cinera/cinera.css
index d151f59..9740a9a 100644
--- a/cinera/cinera.css
+++ b/cinera/cinera.css
@@ -1,7 +1,7 @@
 /* Index */
 
 .cineraQueryContainer {
-    width: 1024px;
+    max-width: 1024px;
     margin: 15px auto;
     display: flex;
     flex-direction: horizontal;
@@ -36,7 +36,7 @@
 
 #cineraResults,
 #cineraIndex {
-    width: 800px;
+    max-width: 800px;
     margin: 0 auto;
 }
 
@@ -58,7 +58,7 @@
 
 #cineraResults .markerList {
     display: inline-block;
-    width: 600px;
+    max-width: 600px;
     box-sizing: border-box;
     vertical-align: top;
 }
@@ -386,8 +386,8 @@
 }
 
 .cineraMenus > .menu > .filter_container .filter_content.rant .text,
-.cineraPlayerContainer .markers_container > .marker.rant .content,
-.cineraPlayerContainer .markers_container > .marker.off_rant .content {
+.cineraPlayerContainer .markers_container > .marker.rant .cineraContent,
+.cineraPlayerContainer .markers_container > .marker.off_rant .cineraContent {
     font-variant: small-caps;
 }
 
@@ -420,7 +420,7 @@
     overflow: hidden;
 }
 
-.cineraPlayerContainer .markers_container > .marker .content {
+.cineraPlayerContainer .markers_container > .marker .cineraContent {
     box-sizing: border-box;
     display: block;
     font-size: 14px;
@@ -429,8 +429,8 @@
     word-wrap: break-word;
 }
 
-.cineraPlayerContainer .markers_container > .marker.authored .content .author,
-.cineraPlayerContainer .markers_container > .marker.off_authored .content .author {
+.cineraPlayerContainer .markers_container > .marker.authored .cineraContent .author,
+.cineraPlayerContainer .markers_container > .marker.off_authored .cineraContent .author {
     font-style: normal;
     font-variant: normal;
     font-weight: bold;
@@ -448,7 +448,7 @@
     opacity: 0.5;
 }
 
-.cineraPlayerContainer .markers_container > .marker .content sup {
+.cineraPlayerContainer .markers_container > .marker .cineraContent sup {
     font-style: normal;
     font-variant: normal;
 }
@@ -470,7 +470,7 @@
     top: -2px;
 }
 
-.cineraPlayerContainer .markers_container > .marker .content .categories {
+.cineraPlayerContainer .markers_container > .marker .cineraContent .categories {
     display: inline-flex;
     margin: 4px;
 }
@@ -480,18 +480,18 @@
 }
 
 .cineraMenus > .menu > .filter_container .filter_content .category,
-.cineraPlayerContainer .markers_container > .marker .content .categories .category {
+.cineraPlayerContainer .markers_container > .marker .cineraContent .categories .category {
     border-radius: 50%;
     height: 5px;
     width: 5px;
 }
 
 .cineraMenus > .menu > .filter_container .filter_content .category.off,
-.cineraPlayerContainer .markers_container > .marker .content .categories .category.off {
+.cineraPlayerContainer .markers_container > .marker .cineraContent .categories .category.off {
     background: transparent;
 }
 
-.cineraPlayerContainer .markers_container > .marker .content .categories .category {
+.cineraPlayerContainer .markers_container > .marker .cineraContent .categories .category {
     margin-left: 2px;
 }