v0.0.2

web/css/app.css

@@ -560,7 +560,7 @@ pre {
     line-height: 1.3;
     white-space: nowrap;
     text-decoration: none;
-    transition: background .12s, border-color .12s
+    transition: background-color .12s, border-color .12s, box-shadow .12s, filter .12s
 }
 
 .btn:hover:not(:disabled) {
@@ -577,8 +577,9 @@ pre {
 }
 
 .btn.primary:hover:not(:disabled) {
-    background: #499d91;
-    border-color: #73bcb1
+    background: linear-gradient(135deg, #3e9186, #32776e);
+    border-color: #73bcb1;
+    filter: brightness(1.08)
 }
 
 .btn.danger {
@@ -1688,7 +1689,7 @@ select {
 
 .diff-controls {
     display: grid;
-    grid-template-columns: 1fr 1.6fr 32px 1.6fr auto;
+    grid-template-columns: minmax(135px, .75fr) minmax(150px, .9fr) minmax(210px, 1.35fr) 32px minmax(210px, 1.35fr) auto;
     gap: 10px;
     align-items: end;
     padding: 16px;
@@ -1698,6 +1699,10 @@ select {
     margin-bottom: 18px
 }
 
+.diff-controls.cross-device {
+    grid-template-columns: minmax(125px, .65fr) minmax(145px, .8fr) minmax(190px, 1.2fr) 32px minmax(145px, .8fr) minmax(190px, 1.2fr) auto
+}
+
 .diff-controls select {
     height: 35px;
     font-size: 11px
@@ -2067,6 +2072,12 @@ html[data-page="auth"] body {
     box-shadow: none
 }
 
+.auth-layout .btn.primary:hover:not(:disabled) {
+    background: var(--blue);
+    border-color: var(--blue);
+    filter: brightness(1.08)
+}
+
 .auth-center {
     display: grid;
     grid-template-columns: 1fr 410px;