mirrorlist: allow File section to wrap into a separate line

etix · a4e901acb67c230beda2ffa6902452cf9ff2fecc · Rechi committed Oct 10, 2017 · Oct 10, 2017 · a4e901a
1 parent b03b4bc
commit a4e901acb67c230beda2ffa6902452cf9ff2fecc
Unified Split

Showing with 7 additions and 24 deletions.

+0 −17 templates/base.html

+7 −7 templates/mirrorlist.html
diff --git a/templates/base.html b/templates/base.html
@@ -61,23 +61,6 @@
 				vertical-align: middle;
 				text-align: center;
 			}
-			#container {
-				overflow: hidden;
-				width: 100%;
-			}
-			#left-col {
-				float: left;
-				width: 50%;
-				padding-bottom: 500em;
-				margin-bottom: -500em;
-			}
-			#right-col {
-				float: left;
-				width: 50%;
-				margin-right: -1px;
-				padding-bottom: 500em;
-				margin-bottom: -500em;
-			}
 			.alt tr:nth-child(even) {
 				background-color: #F4F4F4;
 			}
diff --git a/templates/mirrorlist.html b/templates/mirrorlist.html
@@ -30,22 +30,22 @@
 
 {{define "body"}}
 
-<div id="container">
-    <div id="left-col">
+<div style="display: flex; flex-wrap: wrap;">
+    <div style="flex-basis: 250px; flex-grow: 1; margin: 8px;">
         <h3>Client</h3>
         <div>You are connecting with IP address <i>{{.IP}}</i>, which belongs to autonomous system <i>{{.ClientInfo.ASName}} (ASN{{.ClientInfo.ASNum}})</i>.<br />
         {{if .ClientInfo.GeoIPRecord}}We believe you are {{if .ClientInfo.City}}near <i>{{.ClientInfo.City}}</i> in {{else}}somewhere in {{end}}<i>{{.ClientInfo.CountryName}}</i> and have selected mirrors based on this.{{else}}We were not able to use your IP to approximate your location, so have chosen the mirrors at random.{{end}}</div>
     </div>
 
-    <div id="right-col">
+    <div style="flex-basis: 325px; flex-grow: 1; margin: 8px;">
         <h3>File</h3>
         <div>The file <b>{{.FileInfo.Path}}</b> has a size of {{sizeof .FileInfo.Size}} ({{.FileInfo.Size}} bytes) and was last modified on {{dateutc .FileInfo.ModTime}}.</div>
         <div>
             <br/>Known hashes:
             <table class="alt">
-                <tr><td>MD5</td><td>{{if .FileInfo.Md5}}{{.FileInfo.Md5}}{{else}}N/A{{end}}</td></tr>
-                <tr><td>SHA1</td><td>{{if .FileInfo.Sha1}}{{.FileInfo.Sha1}}{{else}}N/A{{end}}</td></tr>
-                <tr><td>SHA256</td><td>{{if .FileInfo.Sha256}}{{.FileInfo.Sha256}}{{else}}N/A{{end}}</td></tr>
+                <tr><td>MD5</td><td style="font-family: monospace; word-break: break-all;">{{if .FileInfo.Md5}}{{.FileInfo.Md5}}{{else}}N/A{{end}}</td></tr>
+                <tr><td>SHA1</td><td style="font-family: monospace; word-break: break-all;">{{if .FileInfo.Sha1}}{{.FileInfo.Sha1}}{{else}}N/A{{end}}</td></tr>
+                <tr><td>SHA256</td><td style="font-family: monospace; word-break: break-all;">{{if .FileInfo.Sha256}}{{.FileInfo.Sha256}}{{else}}N/A{{end}}</td></tr>
             </table>
         </div>
         <br/>
@@ -57,7 +57,7 @@ <h3>File</h3>
     <div id="chart_div" style="width:600; height:320;"></div>
 </div>
 
-<div style="clear:both;">
+<div>
     <br/>
     <h3>Mirrors</h3>