From ad41e1116a487d82abcfdcb9aa4da1a6d8d981af Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Tue, 10 Mar 2020 10:46:10 -0400
Subject: [PATCH] Responsiveness improvements

---
 gitsrht/templates/blob.html    |  8 ++++----
 gitsrht/templates/summary.html | 12 ++++++------
 scss/main.scss                 | 17 +++++++++++++++++
 3 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/gitsrht/templates/blob.html b/gitsrht/templates/blob.html
index 793afb0..a3144fb 100644
--- a/gitsrht/templates/blob.html
+++ b/gitsrht/templates/blob.html
@@ -1,4 +1,4 @@
-{% extends "repo.html" %}
+{% extends "repo-full.html" %}
 {% import "utils.html" as utils %}
 {% block title %}
 <title>{{repo.owner.canonical_name}}/{{repo.name}}: {{path_join(*path)}} - {{cfg("sr.ht", "site-name")}} git</title>
@@ -14,8 +14,8 @@ pre, body {
 }
 </style>
 <div class="header-extension" style="margin-bottom: 0;">
-  <div class="container-fluid">
-    <span style="padding-left: 1rem">
+  <div class="blob container-fluid">
+    <span>
       {{ utils.breadcrumb(ref, repo, path, path_join) }}
       <span class="text-muted" style="margin-left: 1rem">
         <span title="{{"{0:0o}".format(entry.filemode)}}">
@@ -36,7 +36,7 @@ pre, body {
       </span>
     </span>
     {% if commit %}
-    <div class="pull-right">
+    <div class="commit">
       <a
         href="{{url_for("repo.commit",
           owner=repo.owner.canonical_name,
diff --git a/gitsrht/templates/summary.html b/gitsrht/templates/summary.html
index 81afd2f..300a3a8 100644
--- a/gitsrht/templates/summary.html
+++ b/gitsrht/templates/summary.html
@@ -34,11 +34,11 @@
             <dt>{{default_branch.name[len("refs/heads/"):]}}</dt>
             <dd>
               <a href="{{url_for("repo.tree",
-                owner=repo.owner.canonical_name, repo=repo.name)}}"
-              >browse {{icon("caret-right")}}</a>
+                  owner=repo.owner.canonical_name, repo=repo.name)}}"
+              >browse&nbsp;{{icon("caret-right")}}</a>
               <a href="{{url_for("repo.log",
                 owner=repo.owner.canonical_name, repo=repo.name)}}"
-              >log {{icon("caret-right")}}</a>
+              >log&nbsp;{{icon("caret-right")}}</a>
             </dd>
             {% endif %}
             {% if latest_tag %}
@@ -48,15 +48,15 @@
                 <a href="{{url_for("repo.ref",
                     owner=repo.owner.canonical_name,
                     repo=repo.name, ref=latest_tag[1].name)}}"
-                >release notes {{icon("caret-right")}}</a>
+                >release notes&nbsp;{{icon("caret-right")}}</a>
               {% else %}
                 <a href="{{url_for("repo.tree", owner=repo.owner.canonical_name,
                     repo=repo.name, ref=latest_tag[0][len("refs/tags/"):])}}"
-                >browse {{icon("caret-right")}}</a>
+                >browse&nbsp;{{icon("caret-right")}}</a>
                 <a href="{{url_for("repo.archive", owner=repo.owner.canonical_name,
                     repo=repo.name, ref=latest_tag[0][len("refs/tags/"):])}}"
                    rel="nofollow"
-                >.tar.gz {{icon("caret-right")}}</a>
+                >.tar.gz&nbsp;{{icon("caret-right")}}</a>
               {% endif %}
             </dd>
             {% endif %}
diff --git a/scss/main.scss b/scss/main.scss
index 36f0679..4bc3715 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -315,3 +315,20 @@ img {
     border-left: 1rem #ddd solid;
   }
 }
+
+dl {
+  dd {
+    text-overflow: ellipsis;
+    overflow-x: hidden;
+  }
+}
+
+@include media-breakpoint-up(md) {
+  .blob {
+    padding-left: 2rem;
+
+    .commit {
+      float: right;
+    }
+  }
+}
-- 
2.38.4