From 8a8c978646065a5defc28d0c477758488e7c1b26 Mon Sep 17 00:00:00 2001
From: Marijn Jansen <marijn@jansen.onl>
Date: Fri, 22 Mar 2019 13:11:25 +0100
Subject: [PATCH] fix

---
 static/css/style.css      | 3 +++
 static/css/style.scss     | 6 ++++++
 templates/main/index.html | 3 +--
 templates/main/modal.html | 3 +++
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 456b71c..46d333c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -21,6 +21,9 @@
       .card .card-img-overlay .card-title-bg .card-text {
         opacity: 1; }
 
+a .card, a .card:hover {
+  color: inherit; }
+
 .modal-body img {
   margin: 10px; }
 
diff --git a/static/css/style.scss b/static/css/style.scss
index f00fc91..5032f1c 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -45,6 +45,12 @@ $half-margin: $margin / 2;
   }
 }
 
+a {
+  .card, .card:hover {
+    color: inherit;
+  }
+}
+
 // Modal
 
 .modal-body {
diff --git a/templates/main/index.html b/templates/main/index.html
index e992211..6111177 100644
--- a/templates/main/index.html
+++ b/templates/main/index.html
@@ -13,8 +13,7 @@
                     >
                         <div class="card border-light">
                             <img class="card-img" src="{{ post.images[0].uri }}" alt="random image">
-
-                            <div class="card-img-overlay d-flex align-items-center justify-content-center">
+                            <div class="card-img-overlay d-none d-md-flex align-items-center justify-content-center">
                                 <div class="card-title-bg bg-white  w-100 d-flex align-items-center justify-content-center">
                                     <h5 class="card-text text-dark">{{ post.title|safe }}</h5>
                                 </div>
diff --git a/templates/main/modal.html b/templates/main/modal.html
index 7701330..ca68287 100644
--- a/templates/main/modal.html
+++ b/templates/main/modal.html
@@ -3,6 +3,9 @@
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
             <div class="modal-body">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
                 <div class="container-fluid">
                     <div class="row justify-content-center text-justify">
                         <div id="details-intro" class="text-center col-10"></div>