diff options
| -rw-r--r-- | client/colors.less | 18 | ||||
| -rw-r--r-- | client/templates/layout.html | 3 |
2 files changed, 19 insertions, 2 deletions
diff --git a/client/colors.less b/client/colors.less index 58eee38..e3ab64c 100644 --- a/client/colors.less +++ b/client/colors.less @@ -1,4 +1,15 @@ body { + div.about-link { + position: fixed; + top: 25px; + right: 25px; + a { + padding: 2px 8px; + color: #2636F9; + border: 1px #2636F9 solid; + font-weight: bold; + } + } .page { div.login-wrapper { display: flex; @@ -284,7 +295,7 @@ body { align-items: center; justify-content: center; height: auto; - max-width: 500px; + max-width: 600px; margin: 0 auto; margin-top: 85px; div.about { @@ -301,13 +312,16 @@ body { color: #333; } div.items { + display: -webkit-flex; display: flex; align-items: center; + -webkit-justify-content: center; justify-content: center; margin-top: 50px; div.item { flex: 0 0 auto; - margin-right: 40px; + margin-left: 20px; + margin-right: 20px; text-align: left; font-weight: bold; div.title { diff --git a/client/templates/layout.html b/client/templates/layout.html index efd6189..45b3bb4 100644 --- a/client/templates/layout.html +++ b/client/templates/layout.html @@ -1,4 +1,7 @@ <template name="layout"> + <div class="about-link"> + <a href="/about">i</a> + </div> <div class="page"> {{> yield}} </div> |