From 7586dc5145f7e6527290464ba8408a0785fed0c1 Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <noreply@fakecake.org>
Date: Tue, 21 Apr 2020 12:30:21 +0300
Subject: add column hack for not-quite-768px breakpoint devices

---
 css/index.css | 6 ++++++
 index.php     | 2 +-
 js/app.js     | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/css/index.css b/css/index.css
index 144d5e0..66792cf 100644
--- a/css/index.css
+++ b/css/index.css
@@ -13,6 +13,12 @@
 	margin-bottom : 0;
 }
 
+@media(max-width: 641px) {
+	.row .col-xxs-6 {
+		width: 50%;
+	}
+}
+
 .row .thumbnail img {
 	width : 100%;
 	height : 100%;
diff --git a/index.php b/index.php
index 6d402f8..c8dc9e0 100644
--- a/index.php
+++ b/index.php
@@ -262,7 +262,7 @@
 		$data_sth->execute([$line['id']]);
 
 		?>
-			<div class="col-xs-6 col-sm-3 col-md-2" id="cell-<?php echo $line["id"] ?>">
+			<div class="col-xxs-6 col-xs-3 col-sm-3 col-md-2" id="cell-<?php echo $line["id"] ?>">
 				<?php if ($read_link) { ?>
 					<a class="thumbnail <?php echo $cover_class ?>" href="<?php echo $read_link ?>">
 				<?php } else { ?>
diff --git a/js/app.js b/js/app.js
index fcc8bfe..c9cd536 100644
--- a/js/app.js
+++ b/js/app.js
@@ -416,7 +416,7 @@ const App = {
 
                             const series_link = info.series_name ? `<div><a class="series_link" href="#">${info.series_name + " [" + info.series_index + "]"}</a></div>` : "";
 
-                            const cell = $(`<div class="col-xs-6 col-sm-3 col-md-2" id="cell-${info.id}">
+                            const cell = $(`<div class="col-xxs-6 col-xs-4 col-sm-3 col-md-2" id="cell-${info.id}">
 							<a class="thumbnail ${thumb_class}" href="read.html?id=${info.epub_id}&b=${info.id}">
 								<img style="display : none">
 							</a>
-- 
cgit v1.2.3