diff --git a/www/data/css/styles.css b/www/data/css/styles.css
index a21f0fe..4924734 100644
--- a/www/data/css/styles.css
+++ b/www/data/css/styles.css
@@ -2630,10 +2630,18 @@ html, body {
grid-template-rows: auto auto;
grid-column-gap: 1rem;
}
-.project-lawful-ebook-blogpost .variant h3 {
+.project-lawful-ebook-blogpost .variant .header {
grid-row: 1;
grid-column: 1/-1;
+ margin: 1em 0;
+ gap: 0.5em;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+.project-lawful-ebook-blogpost .variant .header h3 {
text-decoration: underline;
+ margin: 0;
}
.project-lawful-ebook-blogpost .variant .dlbutton {
position: relative;
@@ -2694,6 +2702,9 @@ html, body {
.project-lawful-ebook-blogpost .variant .dlbutton a .span_mb {
display: none;
}
+ .project-lawful-ebook-blogpost .variant .header {
+ flex-direction: column;
+ }
}
@media (min-device-width: 768px) and (max-device-width: 850px) {
.project-lawful-ebook-blogpost .variant .dlbutton svg {
@@ -2702,6 +2713,9 @@ html, body {
.project-lawful-ebook-blogpost .variant .dlbutton a .span_dl {
font-size: 1em;
}
+ .project-lawful-ebook-blogpost .variant .header {
+ flex-direction: column;
+ }
}
@media (min-device-width: 851px) and (max-device-width: 991px) {
.project-lawful-ebook-blogpost .variant .dlbutton svg {
diff --git a/www/data/css/styles.min.css b/www/data/css/styles.min.css
index 72a137b..25e1be2 100644
--- a/www/data/css/styles.min.css
+++ b/www/data/css/styles.min.css
@@ -497,7 +497,8 @@ html,body{margin:0;padding:0;height:100%}
}
.project-lawful-ebook-blogpost code{background-color:rgba(0,0,0,0.1);border-radius:2px;padding-left:2px;padding-right:2px}
.project-lawful-ebook-blogpost .variant{display:grid;grid-template-columns:repeat(6,auto) 1fr;grid-template-rows:auto auto;grid-column-gap:1rem}
-.project-lawful-ebook-blogpost .variant h3{grid-row:1;grid-column:1/-1;text-decoration:underline}
+.project-lawful-ebook-blogpost .variant .header{grid-row:1;grid-column:1/-1;margin:1em 0;gap:.5em;display:flex;flex-direction:row;align-items:center}
+.project-lawful-ebook-blogpost .variant .header h3{text-decoration:underline;margin:0}
.project-lawful-ebook-blogpost .variant .dlbutton{position:relative;height:100%;padding:0;display:flex;border:0}
.project-lawful-ebook-blogpost .variant .dlbutton img{opacity:0;pointer-events:none;user-select:none}
.project-lawful-ebook-blogpost .variant .dlbutton a{display:grid;grid-template-rows:1fr auto auto;grid-row-gap:4px;justify-content:center;align-items:center;justify-items:center;padding:.5rem;cursor:pointer;text-decoration:none;color:#ddd;background-color:#222;border-radius:4px;border:1px solid black;position:absolute;left:0;right:0;top:0;bottom:0}
@@ -510,10 +511,12 @@ html,body{margin:0;padding:0;height:100%}
.project-lawful-ebook-blogpost .variant .dlbutton svg{width:16px}
.project-lawful-ebook-blogpost .variant .dlbutton a .span_dl{display:none}
.project-lawful-ebook-blogpost .variant .dlbutton a .span_mb{display:none}
+ .project-lawful-ebook-blogpost .variant .header{flex-direction:column}
}
@media(min-device-width:768px) and (max-device-width:850px){
.project-lawful-ebook-blogpost .variant .dlbutton svg{width:32px}
.project-lawful-ebook-blogpost .variant .dlbutton a .span_dl{font-size:1em}
+ .project-lawful-ebook-blogpost .variant .header{flex-direction:column}
}
@media(min-device-width:851px) and (max-device-width:991px){.project-lawful-ebook-blogpost .variant .dlbutton svg{width:48px}}
@media(min-device-width:992px) and (max-device-width:1199px){
diff --git a/www/data/css/styles_projectlawfulebook.scss b/www/data/css/styles_projectlawfulebook.scss
index dd340ca..522a668 100644
--- a/www/data/css/styles_projectlawfulebook.scss
+++ b/www/data/css/styles_projectlawfulebook.scss
@@ -16,7 +16,19 @@
grid-column-gap: 1rem;
}
- .variant h3 { grid-row: 1; grid-column: 1/-1; text-decoration: underline; }
+ .variant .header {
+ grid-row: 1;
+ grid-column: 1/-1;
+
+ margin: 1em 0;
+ gap: 0.5em;
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+
+ h3{ text-decoration: underline; margin: 0; }
+ }
.variant .dlbutton {
position: relative;
@@ -83,11 +95,13 @@
.variant .dlbutton svg { width: 16px; }
.variant .dlbutton a .span_dl { display: none; }
.variant .dlbutton a .span_mb { display: none; }
+ .variant .header { flex-direction: column; }
}
@include rdmedia(1) {
.variant .dlbutton svg { width: 32px; }
.variant .dlbutton a .span_dl { font-size: 1em; }
.variant .dlbutton a .span_mb { }
+ .variant .header { flex-direction: column; }
}
@include rdmedia(2) {
.variant .dlbutton svg { width: 48px; }
diff --git a/www/statics/blog/proj_lawful_ebook.html b/www/statics/blog/proj_lawful_ebook.html
index 1bc74f2..40d7ecb 100644
--- a/www/statics/blog/proj_lawful_ebook.html
+++ b/www/statics/blog/proj_lawful_ebook.html
@@ -47,7 +47,7 @@
# Download
-
project-lawful-inline.epub
+
-
project-lawful-avatars.epub
+
-
project-lawful-avatars-moreinfo.epub
+
-
project-lawful-moreinfo.epub
+
-
project-lawful-biggerhtml.epub
+
