~spacekookie/public-inbox

Improve layout on small displays v1 APPLIED

Wesley Moore: 1
 Improve layout on small displays

 2 files changed, 13 insertions(+), 2 deletions(-)
Export patchset (mbox)
How do I use this?

Copy & paste the following snippet into your terminal to import this patchset into git:

curl -s https://lists.sr.ht/~spacekookie/public-inbox/patches/9427/mbox | git am -3
Learn more about email & git
View this thread in the archives

[PATCH] Improve layout on small displays Export this patch

---
 crumbs/static/css/crumbs.css  | 11 +++++++++++
 crumbs/templates/article.html |  4 ++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/crumbs/static/css/crumbs.css b/crumbs/static/css/crumbs.css
index 9322926..a544ed8 100644
--- a/crumbs/static/css/crumbs.css
+++ b/crumbs/static/css/crumbs.css
@@ -167,3 +167,14 @@ body {
.colour13 { background-color: #6997c8; }
.colour14 { background-color: #ca98c9; }
.colour15 { background-color: #ce7b59; }

@media (max-width: 480px) {
    .nav.gay {
        display: initial;
    }

    .content .no-side-padding-mobile {
        padding-left: 0;
        padding-right: 0;
    }
}
diff --git a/crumbs/templates/article.html b/crumbs/templates/article.html
index 07bb368..c3b2596 100644
--- a/crumbs/templates/article.html
+++ b/crumbs/templates/article.html
@@ -36,7 +36,7 @@
<div class="content">
  <h1>{{ article.title }}</h1>
  
  <div class="header">
  <div class="header no-side-padding-mobile">
    <hr/>
    <a href="{{ SITEURL }}/{{ article.category|lower }}"> ⇠ back</a>
    {% if article.tags|length > 0 %}
@@ -50,7 +50,7 @@
  </div>
  

  <div class="article">
  <div class="article no-side-padding-mobile">
    {{ article.content }}
  </div>
  
-- 
2.24.1