i18n placeholder support. 2fa options selection.

src/scss/box.scss

@@ -26,8 +26,6 @@
             padding: 10px 15px;
             position: relative;
             z-index: 1;
-            overflow-wrap: break-word;
-            word-break: break-all;
 
             &:before {
                 content: "";
@@ -73,6 +71,21 @@
                 margin-bottom: 5px;
             }
 
+            .text, .detail {
+                display: block;
+                color: $text-color;
+            }
+
+            .detail {
+                font-size: $font-size-small;
+                color: $text-muted;
+            }
+
+            .img-right {
+                float: right;
+                margin-left: 10px;
+            }
+
             .row-main {
                 flex-grow: 1;
             }

src/scss/misc.scss

@@ -106,8 +106,8 @@
 
 #duo-frame {
     background: url('../images/loading.svg') 0 0 no-repeat;
-    width: 100%;
-    height: 300px;
+    height: 330px;
+    margin: 0 -150px 15px -150px;
 
     iframe {
         width: 100%;
@@ -115,3 +115,13 @@
         border: none;
     }
 }
+
+@keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}

src/scss/pages.scss

@@ -78,6 +78,15 @@
         .sub-options {
             text-align: center;
             margin-bottom: 20px;
+
+            a {
+                display: block;
+                margin-bottom: 10px;
+
+                &:last-child {
+                    margin-bottom: 0;
+                }
+            }
         }
 
         a.settings-icon {