small UI tweaks (alignment).v0.0.2

3 files changed, 4 insertions, 2 deletions

diff --git a/cmd/web/js/main.jsx b/cmd/web/js/main.jsx
index c95c748..e64adc7 100644
--- 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 a5fb9a7..c0b68c7 100644
--- 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 cdbcd06..1e09fcb 100644
--- 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 {