ad focus style to focusable elements on home page #1506

+ add border radius to match elements

customize.dist/src/less2/include/infopages.less

@@ -6,6 +6,7 @@
 
 @import (reference) "./colortheme-all.less";
 @import (reference) "./font.less";
+@import (reference) "./variables.less";
 
 @infopages-radius: 5px;
 @infopages-radius-L: 10px;
@@ -46,6 +47,10 @@ body.html {
     a:hover {
         opacity: 1;
     }
+    a:focus {
+        outline: @variables_focus_style;
+        border-radius: @variables_radius;
+    }
     border: 0;
     padding: 0;
     margin: 0;
@@ -231,6 +236,9 @@ body.html {
                 border: 0px;
                 border-radius: @infopages-radius;
                 padding: 0.5em 0.7em;
+                &:focus {
+                    outline: @variables_focus_style;
+                }
             }
         }
         .cp-footer-version {
@@ -293,6 +301,9 @@ body.html {
             &:hover {
                 color: @cryptpad_text_col;
             }
+            &:focus {
+                outline: @variables_focus_style;
+            }
             i {
                 margin-right: 5px;
             }