polish

css/client.css

@@ -1,5 +1,6 @@
-.ClientListView .list {
-    padding: 16px 0;
+.ClientListView h2 {
+    text-align: center;
+    margin: 18px 0;
 }
 
 .ClientView {
@@ -49,12 +50,15 @@
     height: 100%;
 }
 
+.ClientView .back {
+    margin-top: 22px;
+}
+
 .InstallClientView .instructions button {
     background-repeat: no-repeat;
     background-position: center;
-    background-color: var(--link);
+    background-color: transparent;
     padding: 4px;
-    border-radius: 4px;
     border: none;
     width: 24px;
     height: 24px;
@@ -67,5 +71,6 @@
 }
 
 .InstallClientView .instructions button.tick {
-    background-image: url('../images/tick.svg');
+    background-image: url('../images/tick-dark.svg');
 }
+

css/main.css

@@ -42,6 +42,7 @@ html {
 body {
 	background-color: var(--app-background);
 	background-image: url('../images/background.svg');
+    background-attachment: fixed;
 	background-repeat: no-repeat;
 	background-size: auto;
 	background-position: center -50px;
@@ -53,6 +54,14 @@ body {
     margin: 0;
 }
 
+p {
+    line-height: 150%;
+}
+
+a {
+    text-decoration: none;
+}
+
 body,
 button,
 input,
@@ -118,14 +127,13 @@ button, input {
 }
 
 .footer .links {
-    font-size: 0.8em;
+    font-size: 12px;
     list-style: none;
     padding: 0;
 }
 
 a, button.text {
 	color: var(--link);
-    text-decoration: underline;
 }
 
 button.text {
@@ -184,7 +192,6 @@ input[type='text'].large {
     border: 1px solid var(--foreground);
     border-radius: 16px;
     font-size: 14px;
-    line-height: 24px;
 }
 
 .fullwidth {

css/open.css

@@ -14,11 +14,17 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.OpenLinkView .previewSource {
+.OpenLinkView .caption {
     color: var(--grey);
     font-size: 12px;
 }
 
+.ServerConsentView .actions label {
+    display: flex;
+    align-items: end;
+    gap: 5px;
+}
+
 .ServerConsentView .actions {
     margin-top: 24px;
     display: flex;
@@ -27,7 +33,7 @@ limitations under the License.
 
 .ServerConsentView input[type=submit] {
     flex: 1;
-    margin-left: 12px;
+    margin-left: 32px;
 }
 
 .ServerOptions div {

css/preview.css

@@ -61,8 +61,8 @@
 }
 
 .PreviewView .memberCount p:not(.placeholder) {
-    padding: 4px 4px 4px 24px;
-    border-radius: 8px;
+    padding: 4px 8px 4px 24px;
+    border-radius: 14px;
     background-image: url(../images/member-icon.svg);
     background-repeat: no-repeat;
     background-position: 2px center;
@@ -107,7 +107,7 @@
         var(--flash-fg) calc(10% + 25px),
         var(--flash-bg) calc(10% + 50px)
     );
-    animation: flash 2s ease-in-out infinite;
+    animation: flash 2s linear infinite;
     background-size: 200%;
 }