From 1be07a42dffbeed3ce2080a9499b64662a0408ce Mon Sep 17 00:00:00 2001 From: cbartondock Date: Fri, 16 Oct 2020 13:41:48 -0400 Subject: [PATCH] Flex display to fix columns issue --- cps/static/css/style.css | 11 ++++++++++- cps/templates/author.html | 2 +- cps/templates/discover.html | 2 +- cps/templates/grid.html | 2 +- cps/templates/index.html | 4 ++-- cps/templates/search.html | 2 +- cps/templates/shelf.html | 2 +- cps/templates/shelfdown.html | 2 +- 8 files changed, 18 insertions(+), 9 deletions(-) diff --git a/cps/static/css/style.css b/cps/static/css/style.css index 2294d326..3d6256b2 100644 --- a/cps/static/css/style.css +++ b/cps/static/css/style.css @@ -107,6 +107,11 @@ a, .danger,.book-remove, .editable-empty, .editable-empty:hover { color: #45b29d text-decoration: none; } +.row.display-flex { + display: flex; + flex-wrap: wrap; +} + .container-fluid img { display: block; max-width: 100%; @@ -116,7 +121,11 @@ a, .danger,.book-remove, .editable-empty, .editable-empty:hover { color: #45b29d .container-fluid .discover{ margin-bottom: 50px; } .container-fluid .new-books { border-top: 1px solid #ccc; } .container-fluid .new-books h2 { margin: 50px 0 0 0; } -.container-fluid .book { margin-top: 20px; } +.container-fluid .book { + margin-top: 20px; + display: flex; + flex-direction: column; +} .container-fluid .book .cover { height: 225px; diff --git a/cps/templates/author.html b/cps/templates/author.html index 0015d6e2..2a3ce371 100644 --- a/cps/templates/author.html +++ b/cps/templates/author.html @@ -34,7 +34,7 @@
{{_('All')}}
-
+
{% if entries[0] %} {% for entry in entries %}
diff --git a/cps/templates/discover.html b/cps/templates/discover.html index 9abe3666..3c858feb 100644 --- a/cps/templates/discover.html +++ b/cps/templates/discover.html @@ -2,7 +2,7 @@ {% block body %}

{{title}}

-
+
{% for entry in entries %}
diff --git a/cps/templates/grid.html b/cps/templates/grid.html index 4aa0b7df..ce2c05ac 100644 --- a/cps/templates/grid.html +++ b/cps/templates/grid.html @@ -23,7 +23,7 @@
{% if entries[0] %} -
+
{% for entry in entries %}
diff --git a/cps/templates/index.html b/cps/templates/index.html index e60f92fe..0326df1c 100644 --- a/cps/templates/index.html +++ b/cps/templates/index.html @@ -3,7 +3,7 @@ {% if g.user.show_detail_random() %}

{{_('Discover (Random Books)')}}

-
+
{% for entry in random %}
@@ -73,7 +73,7 @@
-
+
{% if entries[0] %} {% for entry in entries %}
diff --git a/cps/templates/search.html b/cps/templates/search.html index cba430a4..1bd6bf01 100644 --- a/cps/templates/search.html +++ b/cps/templates/search.html @@ -35,7 +35,7 @@
{% endif %} -
+
{% for entry in entries %}
diff --git a/cps/templates/shelf.html b/cps/templates/shelf.html index a2655f96..425e298c 100644 --- a/cps/templates/shelf.html +++ b/cps/templates/shelf.html @@ -12,7 +12,7 @@ {{ _('Change order') }} {% endif %} {% endif %} -
+
{% for entry in entries %}
diff --git a/cps/templates/shelfdown.html b/cps/templates/shelfdown.html index b4d1594a..9ec154be 100644 --- a/cps/templates/shelfdown.html +++ b/cps/templates/shelfdown.html @@ -29,7 +29,7 @@ {% block body %}

{{title}}

-
+
{% for entry in entries %}