Sync CSS with archweb

This partially fixes FS#56472.

Signed-off-by: Lukas Fleischer <lfleischer@archlinux.org>

3 files changed, 48 insertions, 7 deletions

diff --git a/web/html/css/archnavbar/archlogo.png b/web/html/css/archnavbar/archlogo.png
index e873e94b..3d2cd40f 100644
--- a/web/html/css/archnavbar/archlogo.png
+++ b/web/html/css/archnavbar/archlogo.png
diff --git a/web/html/css/archnavbar/archnavbar.css b/web/html/css/archnavbar/archnavbar.css
index d10c5f52..5a83dfd2 100644
--- a/web/html/css/archnavbar/archnavbar.css
+++ b/web/html/css/archnavbar/archnavbar.css
@@ -5,7 +5,7 @@
  */
 
 /* container for the entire bar */
-#archnavbar { height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; }
+#archnavbar { min-height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; }
 #archnavbarlogo { background: url('archlogo.png') no-repeat !important; }
 
 /* move the heading/paragraph text offscreen */
@@ -16,8 +16,8 @@
 #archnavbarlogo a { display: block !important; height: 40px !important; width: 190px !important; }
 
 /* display the list inline, float it to the right and style it */
-#archnavbar ul { display: inline !important; float: right !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
-#archnavbar ul li { float: left !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 45px !important; padding-right: 15px !important; padding-left: 15px !important; }
+#archnavbar ul { display: block !important; list-style: none !important; margin: 0 !important; padding: 0 !important; font-size: 0px !important; text-align: right !important; }
+#archnavbar ul li { display: inline-block !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 14px !important; padding: 14px 15px 0px !important; }
 
 /* style the links */
 #archnavbar ul#archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; }
diff --git a/web/html/css/archweb.css b/web/html/css/archweb.css
index b7d6e1ee..d8c66aa3 100644
--- a/web/html/css/archweb.css
+++ b/web/html/css/archweb.css
@@ -13,8 +13,12 @@
  */
 
 /* container for the entire bar */
-#archnavbar { height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; }
+#archnavbar { min-height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; }
 #archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; background: url('archnavbar/archlogo.png') no-repeat !important; }
+@media (-webkit-min-device-pixel-ratio: 1.2), (min--moz-device-pixel-ratio: 1.2), (-o-min-device-pixel-ratio: 2/1) {
+	#archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; background: url(archnavbar/archlogo.svg) no-repeat !important;background-size:100% !important; 
+	}
+}
 
 /* move the heading text offscreen */
 #archnavbarlogo h1 { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; }
@@ -23,8 +27,8 @@
 #archnavbarlogo a { display: block !important; height: 40px !important; width: 190px !important; }
 
 /* display the list inline, float it to the right and style it */
-#archnavbarlist { display: inline !important; float: right !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
-#archnavbarlist li { float: left !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 45px !important; padding-right: 15px !important; padding-left: 15px !important; }
+#archnavbarlist { display: block !important; list-style: none !important; margin: 0 !important; padding: 0 !important; font-size: 0px !important; text-align: right !important; }
+#archnavbarlist li { display: inline-block !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 14px !important; padding: 14px 15px 0px !important; }
 
 /* style the links */
 #archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; }
@@ -79,6 +83,7 @@ pre {
     pre code {
         display: block;
         background: none;
+        overflow: auto;
     }
 
 blockquote {
@@ -400,6 +405,10 @@ ul.errorlist {
     color: red;
 }
 
+form ul.errorlist {
+    margin: 0.5em 0;
+}
+
 /* JS sorting via tablesorter */
 table th.tablesorter-header {
     padding-right: 20px;
@@ -654,6 +663,17 @@ div.news-article .article-info {
         width: 75%;
     }
 
+/* todolists: list */
+.todolist-nav {
+    float: right;
+    margin-top: -2.2em;
+}
+
+    .todolist-nav .prev,
+    .todolist-nav .next {
+        margin: 0 1em;
+    }
+
 /* donate: donor list */
 #donor-list ul {
     width: 100%;
@@ -700,6 +720,10 @@ table.results {
         color: red;
     }
 
+    .results tr.empty td {
+        text-align: center;
+    }
+
 /* pkglist: layout */
 #pkglist-about {
     margin-top: 1.5em;
@@ -959,6 +983,12 @@ table td.country {
     width: auto;
 }
 
+/* dev: dashboard: dashboard and stats area */
+#dev-dashboard tr:hover,
+#stats-area tr:hover {
+    background: #ffd;
+}
+
 /* dev dashboard: flagged packages */
 #dash-pkg-notify {
     text-align: right;
@@ -1027,7 +1057,18 @@ ul.admin-actions {
 
 /* todo lists (public and private) */
 .todo-info {
-    margin: 0; color: #999;
+    color: #999;
+    border-bottom: 1px dotted #bbb;
+}
+
+.todo-description {
+    margin-top: 1em;
+    padding-left: 2em;
+    max-width: 900px;
+}
+
+.todo-pkgbases {
+    border-top: 1px dotted #bbb;
 }
 
 .todo-list h4 {