From 07d6c54c7ea9f0bf73929e68dda5690cf5102677 Mon Sep 17 00:00:00 2001
From: Michiel Scholten <michiel@diginaut.net>
Date: Sat, 23 Jul 2016 21:08:44 +0200
Subject: [PATCH] Fixed card height. Attempt at vertical alignment of icons and
 text

---
 static/css/digimarks.css | 13 +++++--------
 templates/bookmarks.html | 12 +++++++-----
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/static/css/digimarks.css b/static/css/digimarks.css
index 6174cb9..7dec7b2 100644
--- a/static/css/digimarks.css
+++ b/static/css/digimarks.css
@@ -1,12 +1,4 @@
 
-.tag
-{
-    color: #1b5e20; /* green darken-4 */
-    background-color: #c8e6c9; /* green lighten-3 */
-    padding: 2px;
-    border-radius: 5px;
-}
-
   /* label color */
    .input-field label {
      color: #000;
@@ -48,3 +40,8 @@
    {
        color: #1b5e20; /* green darken-4 */
    }
+
+   .card.tiny
+   {
+       height: 160px;
+   }
diff --git a/templates/bookmarks.html b/templates/bookmarks.html
index 663ef6b..adf618e 100644
--- a/templates/bookmarks.html
+++ b/templates/bookmarks.html
@@ -68,7 +68,7 @@
             <p>{{ bookmark.created_date.strftime("%m/%d/%Y %H:%M") }}</p>
         </div>
         #}
-        <div class="card green darken-3">
+        <div class="card tiny green darken-3">
             <div class="card-content white-text">
                 <span class="card-title activator"><i class="material-icons right">more_vert</i></span>
                     {% if bookmark.http_status != 200 %}
@@ -82,7 +82,8 @@
                             <a href="{{ url_for('tag', userkey=userkey, tag=tag) }}">{{ tag }}</a>
                         </div>
                     {% endfor %}
-                    <p><a href="{{ bookmark.url }}" title="{{ bookmark.url }}" rel="noreferrer">
+                    <div class="valign-wrapper">
+                    <div class="valign"><a href="{{ bookmark.url }}" title="{{ bookmark.url }}" rel="noreferrer">
                         {% if bookmark.starred == True %}
                             <i class="material-icons">star</i>
                         {% endif %}
@@ -91,11 +92,12 @@
                         {% else %}
                             [ no title ]
                         {% endif %}
-                    </a></p>
+                    </a></div>
+                    </div>
             </div>
             <div class="card-reveal green darken-3">
-                <span class="card-title white-text">Added @ {{ bookmark.created_date.strftime('%Y-%m-%d %H:%M') }}<i class="material-icons right">close</i></span>
-                <div class="white-text">
+                <span class="card-title white-text valign-wrapper">Added @ {{ bookmark.created_date.strftime('%Y-%m-%d %H:%M') }}<i class="material-icons right">close</i></span>
+                <div class="white-text valign">
                 {% if bookmark.favicon %}
                     <img src="{{ url_for('static', filename='favicons/' + bookmark.favicon) }}" />&nbsp;&nbsp;&nbsp;
                 {% endif %}