properly align boxes

[skip ci]

pwman/ui/templates/index.tpl

@@ -13,17 +13,16 @@
 
 <main class="wrapper">
   <nav class="navigation" >
-  <section class="container">
+  <section class="container container-nav">
     <a class="navigation-title" href="https://pwman3.github.io/">
     <img class="img" src="https://openclipart.org/download/190821/Cles-de-serrure-lock-keys.svg" height="30" alt="pwman3" title="pwman3">
     <h1 class="title">Pwman3</h1>
     </a>
-    <span class="auth">
-    <button id="auth-btn" class="button">Auth</button>
-    <div style="float: right">
-    <form id="show" class="auth-form" style="display: none">
-      <input id="" class="navigation-button" type="password" name="auth-pwd" placeholder="Password"  >
-      <input id="" class="button-primary navigation-button"  value="Submit" type="submit">
+    <span class="float-right" style="display: inline-block; float: right; padding-top: 0.5rem;">
+    <div style="padding-right: 0rem; padding-left: 60px; float: right">
+    <form id="show" class="">
+      <input id="" class="" type="password" name="auth-pwd" placeholder="Password" style="width:65%" >
+      <input id="" class=""  value="Submit" type="submit" style="width:33%; display: inline-block">
     </form>
     <div>
     </span>

pwman/ui/templates/static/css/style.css

@@ -392,3 +392,8 @@ pre.prettyprint.lang-md * { color: #655d5d !important; }
   border-radius: 0.4rem;
   margin-bottom: 1rem;
 }
+
+.container-nav {
+  padding-right: 0px;
+}
+