journal: move buttons to the center in browse.html

[elogind.git] / src / journal / browse.html

diff --git a/src/journal/browse.html b/src/journal/browse.html
index 5a161a13fbaa8985afefcdbad45da394d4becae9..97fbcbf91db349beb40fd18ff12b2dffb1f1df7d 100644 (file)
--- a/src/journal/browse.html
+++ b/src/journal/browse.html
@@ -80,12 +80,19 @@
                         text-align: center;
                         font-size: 7pt;
                         color: #818789;
-                        padding-top: 50px;
+                        padding-top: 2em;
                 }
                 .key {
                         font-weight: bold;
                         color: #313739;
                 }
+                form {
+                        text-align: center;
+                }
+                input {
+                        font-size: 10pt;
+                        font-weight: bold;
+                }
         </style>
 </head>
 
@@ -119,9 +126,9 @@
         </form>
 
         <div id="keynav">
-                <span class="key">&#8594;, j, SPACE</span>: Next Page &nbsp;&nbsp;&nbsp;&nbsp;
-                <span class="key">&#8592;, k, BACKSPACE</span>: Previous Page &nbsp;&nbsp;&nbsp;&nbsp;
                 <span class="key">g</span>: First Page &nbsp;&nbsp;&nbsp;&nbsp;
+                <span class="key">&#8592;, k, BACKSPACE</span>: Previous Page &nbsp;&nbsp;&nbsp;&nbsp;
+                <span class="key">&#8594;, j, SPACE</span>: Next Page &nbsp;&nbsp;&nbsp;&nbsp;
                 <span class="key">G</span>: Last Page &nbsp;&nbsp;&nbsp;&nbsp;
                 <span class="key">+</span>: More entries &nbsp;&nbsp;&nbsp;&nbsp;
                 <span class="key">-</span>: Fewer entries
@@ -419,10 +426,21 @@
                         }
                 }
 
+                function onMouseWheel(event) {
+                        if (event.detail < 0 || event.wheelDelta > 0)
+                                entriesLoadPrevious();
+                        else
+                                entriesLoadNext();
+                }
+
                 machineLoad();
                 entriesLoad("");
                 showNEntries(getNEntries());
                 document.onkeyup = onKeyUp;
+
+                logs = document.getElementById("tablelogs");
+                logs.addEventListener("mousewheel", onMouseWheel, false);
+                logs.addEventListener("DOMMouseScroll", onMouseWheel, false);
         </script>
 </body>
 </html>