small UI tweaks (alignment).

diff --git a/cmd/web/js/main.jsx b/cmd/web/js/main.jsx
index c95c74888b978f60eea72c99dafbbea87c08b79a..e64adc777c06dda795c5296d813be74b0e81bcb5 100644 (file)
--- a/cmd/web/js/main.jsx
+++ b/cmd/web/js/main.jsx
@@ -30,7 +30,7 @@ class Header extends React.Component {
 
 class Logo extends React.Component {
   render() {
-    return <div id="logo" className="w-100">
+    return <div id="logo" className="w-100 h-100 align-self-center">
              <h1><a href="/">CryptoPF</a></h1>
            </div>;
   }

diff --git a/cmd/web/js/poloniex.jsx b/cmd/web/js/poloniex.jsx
index a5fb9a74d49bb3ac45b933c088bb184c18038e75..c0b68c706671842dcfd0c94a6401d0c8dcb3b104 100644 (file)
--- a/cmd/web/js/poloniex.jsx
+++ b/cmd/web/js/poloniex.jsx
@@ -177,7 +177,7 @@ class PoloniexCredentialsForm extends React.Component {
 
     return (
         <div className="row api-credentials-form">
-          <div className="offset-3 col-6 box">
+          <div className="offset-2 col-8 box">
             <span className="text-center">Poloniex credentials</span>
             <hr/>
             <form role="form" onSubmit={this.handleSubmit}>

diff --git a/cmd/web/static/style.css b/cmd/web/static/style.css
index cdbcd065efd3e5e2e2415055095bbf905e490182..1e09fcb9b347f547a2c41f5cd809466368432a1e 100644 (file)
--- a/cmd/web/static/style.css
+++ b/cmd/web/static/style.css
@@ -46,6 +46,8 @@ i.cc {
 
 h1 {
   font-size: 1.5em;
+  margin-bottom: 5px;
+  margin-top: 5px;
 }
 
 .sign-in .form-control {