From e54a0339844e13a9a947b1b6c6a5737d44ce2142 Mon Sep 17 00:00:00 2001
From: Michiel Scholten <michiel@diginaut.net>
Date: Sat, 4 Feb 2017 10:27:05 +0100
Subject: [PATCH] Indentation and styling fixes, comments

---
 static/css/digimarks.css | 148 +++++++++++++++++++++------------------
 1 file changed, 81 insertions(+), 67 deletions(-)

diff --git a/static/css/digimarks.css b/static/css/digimarks.css
index 26dc002..a675a8e 100644
--- a/static/css/digimarks.css
+++ b/static/css/digimarks.css
@@ -1,3 +1,8 @@
+/**
+ * digimarks styling
+ */
+
+/** Navigation **/
 
 nav .button-collapse
 {
@@ -11,79 +16,88 @@ nav .button-collapse i
     font-size: 2.7rem;
 }
 
-  /* label color */
-   .input-field label {
-     color: #000;
-   }
-   /* label focus color */
-   .input-field input[type=text]:focus + label {
-     color: #000;
-   }
-   /* label underline focus color */
-   .input-field input[type=text]:focus {
-     border-bottom: 1px solid #000;
-     box-shadow: 0 1px 0 0 #000;
-   }
-   /* valid color */
-   .input-field input[type=text].valid {
-     border-bottom: 1px solid #000;
-     box-shadow: 0 1px 0 0 #000;
-   }
-   /* invalid color */
-   .input-field input[type=text].invalid {
-     border-bottom: 1px solid #000;
-     box-shadow: 0 1px 0 0 #000;
-   }
-   /* icon prefix focus color */
-   .input-field .prefix.active {
-     color: #000;
-   }
+/** Form input fields **/
 
+/* label color */
+.input-field label
+{
+    color: #000;
+}
+/* label focus color */
+.input-field input[type=text]:focus + label
+{
+    color: #000;
+}
+/* label underline focus color */
+.input-field input[type=text]:focus
+{
+    border-bottom: 1px solid #000;
+    box-shadow: 0 1px 0 0 #000;
+}
+/* valid color */
+.input-field input[type=text].valid
+{
+    border-bottom: 1px solid #000;
+    box-shadow: 0 1px 0 0 #000;
+}
+/* invalid color */
+.input-field input[type=text].invalid
+{
+    border-bottom: 1px solid #000;
+    box-shadow: 0 1px 0 0 #000;
+}
+/* icon prefix focus color */
+.input-field .prefix.active
+{
+    color: #000;
+}
 
-   /* Card title anchor colour */
-   .white-text .card-title a,
-   .white-text a
-   {
-       color: #FFF;
-   }
+/** Cards and tags **/
 
-   .chip a,
-   .white-text .chip a
-   {
-       color: #1b5e20; /* green darken-4 */
-   }
+/* Card title anchor colour */
+.white-text .card-title a,
+.white-text a
+{
+    color: #FFF;
+}
 
-   .card.tiny
-   {
-       height: 140px;
-       overflow: hidden;
-   }
+.chip a,
+.white-text .chip a
+{
+    color: #1b5e20; /* green darken-4 */
+}
 
-    .card.tiny .card-title
-    {
-        font-size: 18px;
-    }
+.card.tiny
+{
+    height: 140px;
+    overflow: hidden;
+}
 
-   .card .card-reveal .digimark-card-header,
-   .card .digimark-card-header.activator,
-   .chip.clickable
-   {
-       cursor: pointer;
-       /*display: block;*/
-   }
+.card.tiny .card-title
+{
+    font-size: 18px;
+}
 
-   .card .digimark-card-content
-   {
-       padding-top: 10px;
-   }
+.card .card-reveal .digimark-card-header,
+.card .digimark-card-header.activator,
+.chip.clickable
+{
+    cursor: pointer;
+    /*display: block;*/
+}
 
-   .card-image i
-   {
-       padding: 5px 0 0 15px;
-   }
+.card .digimark-card-content
+{
+    padding-top: 10px;
+}
 
-   .card.horizontal .card-image img.favicon
-   {
-       height: 60px;
-       width: 60px;
-   }
+.card-image i
+{
+    padding: 5px 0 0 15px;
+}
+
+.card.horizontal .card-image img.favicon
+{
+    height: 60px;
+    width: 60px;
+}