3 files changed, 27 insertions(+), 10 deletions(-)

M gitsrht/templates/blob.html
M gitsrht/templates/summary.html
M scss/main.scss

@@ 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,

@@ 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 %}

@@ 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;
+    }
+  }
+}