Download list styling

i2p2www/static/styles/duck/default.css

@@ -212,6 +212,7 @@ div#content .inner .box {
 }
 
 div#content .inner .meta {
+    clear: both;
     text-align: center;
 }
 
@@ -347,6 +348,10 @@ div#content .inner .box img {
     vertical-align: top;
 }
 
+.details .hash {
+    overflow: auto;
+}
+
 .details .hash:before {
     content: 'SHA256: ';
     font-size: 0.8125em;

i2p2www/static/styles/duck/desktop.css

@@ -275,24 +275,41 @@ div#content > .title {
 
 .package .details {
     float: right;
-    width: 80%;
+    width: 78%;
 }
 
 .file {
     float: left;
-    width: 40%;
+    width: 100%;
+}
+
+.file .default {
+    clear: left;
+    border-radius: 5px;
+    float: left;
+    max-width: 67%;
+}
+
+.file .mirrors,
+.file .sig {
+    clear: right;
+    float: right;
+    width: 25%;
+}
+
+.file .mirrors {
+    border-radius: 5px 5px 0 0;
+}
+
+.file .sig {
+    border-radius: 0 0 5px 5px;
 }
 
 .file > a:hover {
     box-shadow: 1px 1px 1px 1px rgb(51, 51, 51) inset
 }
 
-.details .hash {
-    float: right;
-    overflow: auto;
-    width: 50%;
-}
-
+.details > div,
 .details > p,
 .details > ol {
     clear: both

i2p2www/static/styles/duck/mobile.css

@@ -126,10 +126,6 @@ div#content .inner {
     margin-top: 1em
 }
 
-.details .hash {
-    display: none
-}
-
 #global-footer .aside {
     margin-left: 1%;
     width: 49%;