From a6eca5e65673914e8dba9b245c2f5a8c6d5d8cc9 Mon Sep 17 00:00:00 2001
From: Michiel Scholten <michiel@diginaut.net>
Date: Sat, 23 Jul 2016 21:35:44 +0200
Subject: [PATCH] Lots of card tweaks, looks a lot better

---
 static/css/digimarks.css | 14 +++++++++++++-
 templates/bookmarks.html | 23 +++++++++++++----------
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/static/css/digimarks.css b/static/css/digimarks.css
index 7dec7b2..356f6b8 100644
--- a/static/css/digimarks.css
+++ b/static/css/digimarks.css
@@ -43,5 +43,17 @@
 
    .card.tiny
    {
-       height: 160px;
+       height: 140px;
+   }
+
+   .card .card-reveal .digimark-card-header,
+   .card .digimark-card-header.activator
+   {
+       cursor: pointer;
+       /*display: block;*/
+   }
+
+   .card .digimark-card-content
+   {
+       padding-top: 10px;
    }
diff --git a/templates/bookmarks.html b/templates/bookmarks.html
index adf618e..2d1559e 100644
--- a/templates/bookmarks.html
+++ b/templates/bookmarks.html
@@ -70,22 +70,25 @@
         #}
         <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 %}
-                        <i class="material-icons" title="HTTP status {{ bookmark.http_status }}">report_problem</i>
-                    {% endif %}
-                    {% if bookmark.favicon %}
-                        <img src="{{ url_for('static', filename='favicons/' + bookmark.favicon) }}" />&nbsp;&nbsp;&nbsp;
-                    {% endif %}
+                <span class="digimark-card-header activator">
                     {% for tag in bookmark.tags_list %}
                         <div class="chip">
                             <a href="{{ url_for('tag', userkey=userkey, tag=tag) }}">{{ tag }}</a>
                         </div>
                     {% endfor %}
-                    <div class="valign-wrapper">
-                    <div class="valign"><a href="{{ bookmark.url }}" title="{{ bookmark.url }}" rel="noreferrer">
+                    <i class="material-icons right">more_vert</i>
+                </span>
+                    <div class="valign-wrapper digimark-card-content">
+                    <div class="valign">
+                        {% if bookmark.http_status != 200 %}
+                            <i class="tiny material-icons" title="HTTP status {{ bookmark.http_status }}">report_problem</i>
+                        {% endif %}
+                        {% if bookmark.favicon %}
+                            <img src="{{ url_for('static', filename='favicons/' + bookmark.favicon) }}" />&nbsp;
+                        {% endif %}
+                        <a href="{{ bookmark.url }}" title="{{ bookmark.url }}" rel="noreferrer">
                         {% if bookmark.starred == True %}
-                            <i class="material-icons">star</i>
+                            <i class="tiny material-icons">star</i>
                         {% endif %}
                         {% if bookmark.title %}
                             {{ bookmark.title }}