update

luasrc/gaya/gaya.css

@@ -1100,10 +1100,17 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
 .td.cbi-section-actions {
   text-align: right !important;
   vertical-align: middle;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 5px;
 }
 .td.cbi-section-actions > * {
   display: inline-flex;
 }
+.td.cbi-section-actions > button {
+  display: block;
+}
 .td.cbi-section-actions > * > *,
 .td.cbi-section-actions > * > form > * {
   margin: 0 5px;
@@ -1308,9 +1315,11 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
   width: auto;
 }
 .cbi-progressbar {
+  border-radius: 15px;
+  overflow: hidden;
   position: relative;
   min-width: 170px;
-  height: 20px;
+  height: 30px;
   border: thin solid #999;
   background: #eee;
   margin: 6px 0;
@@ -1323,14 +1332,14 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
 }
 .cbi-progressbar::after {
   font-family: monospace;
-  font-size: 1.3em;
+  font-size: 1.2em;
   font-weight: 700;
   font-size-adjust: 0.38;
   line-height: normal;
   position: absolute;
-  top: 2px;
+  top: 50%;
+  transform: translateY(-50%);
   right: 0;
-  bottom: 2px;
   left: 0;
   overflow: hidden;
   content: attr(title);

template/header.htm

@@ -59,7 +59,7 @@
 </head>
 <body class="lang_<%=luci.i18n.context.lang%> <% if luci.dispatcher.context.authsession then %>logged-in<% end %> <% if not (path == "") then %>node-<%= path %><% else %>node-main-login<% end %>" data-page="<%= pcdata(path) %>">
 <header>
-	<div class="navbar">
+	<div class="navbar active">
 		<div class="dropdown">
 			
   <a href="/cgi-bin/luci/admin/services/ttyd"><img src="<%=media%>/images/terminal.png" /></a>