diff --git a/assets/css/app.css b/assets/css/app.css
index 45ffd42..7f2d970 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -16,6 +16,8 @@ body {
 
 body {
     margin: 0 auto;
+    padding-left: 10px;
+    padding-right: 10px;
     margin-bottom: 30px;
     max-width: 780px;
     color: #333;
@@ -653,8 +655,14 @@ iframe {
     opacity: 0;
 }
 
-#login-form {
-    margin-bottom: 20px;
+#login {
+    width: 350px;
+    margin: 0 auto;
+    margin-top: 15%;
+}
+
+#login form {
+    border: none;
 }
 
 /* desktop design */
diff --git a/templates/login.php b/templates/login.php
index 1bd9b98..5c0e410 100644
--- a/templates/login.php
+++ b/templates/login.php
@@ -14,17 +14,12 @@
         <link href="<?= Helper\css() ?>" rel="stylesheet" media="screen">
     </head>
     <body id="login-page">
-        <section class="page">
-            <div class="page-header">
-                <h2><?= t('Sign in') ?></h2>
-            </div>
-            <section>
-
+        <section class="page" id="login">
             <?php if (isset($errors['login'])): ?>
                 <p class="alert alert-error"><?= Helper\escape($errors['login']) ?></p>
             <?php endif ?>
 
-            <form method="post" action="?action=login" id="login-form">
+            <form method="post" action="?action=login">
 
                 <?= Helper\form_hidden('csrf', $values) ?>
 
@@ -57,8 +52,6 @@
                 </ul>
             </div>
             <?php endif ?>
-
-            </section>
         </section>
     </body>
 </html>
diff --git a/templates/show_item.php b/templates/show_item.php
index ca34769..d4fc33f 100644
--- a/templates/show_item.php
+++ b/templates/show_item.php
@@ -11,7 +11,7 @@
     >
 
         <?php if (isset($item_nav)): ?>
-        <nav class="top hide-desktop">
+        <nav class="top">
             <span class="nav-left">
                 <?php if ($item_nav['previous']): ?>
                     <a href="?action=show&amp;menu=<?= $menu ?>&amp;id=<?= $item_nav['previous']['id'] ?>" id="previous-item" title="<?= Helper\escape($item_nav['previous']['title']) ?>">« <?= t('Previous') ?></a>
diff --git a/themes/copper/css/app.css b/themes/copper/css/app.css
index a90fdb1..28837ed 100644
--- a/themes/copper/css/app.css
+++ b/themes/copper/css/app.css
@@ -284,6 +284,14 @@ a.btn-red:hover,
     color: #cf7c4b;
 }
 
+.item nav.top {
+    margin-bottom: 20px;
+}
+
+#login {
+    border-radius: 8px;
+}
+
 @media only screen and (max-width: 480px) {
 
     body {
diff --git a/themes/nostyle/css/app.css b/themes/nostyle/css/app.css
deleted file mode 100644
index 6665d92..0000000
--- a/themes/nostyle/css/app.css
+++ /dev/null
@@ -1,113 +0,0 @@
-#bottom-menu,
-header nav li,
-.logo {
-    display: none;
-}
-
-label {
-    display: block;
-}
-
-input {
-    margin-bottom: 10px;
-}
-
-.form-help {
-    color: brown;
-    margin: 0;
-    margin-bottom: 5px;
-}
-
-.page-header ul,
-header nav ul {
-    padding: 0;
-    margin: 0;
-}
-
-header nav li:last-child {
-    display: block;
-}
-
-.page-header li {
-    display: inline;
-}
-
-.page-header {
-    margin-bottom: 10px;
-}
-
-img,
-video,
-iframe {
-    max-width: 98%;
-}
-
-.item nav {
-    width: 100%;
-}
-
-.item nav.top {
-    margin-top: 10px;
-}
-
-.item nav.bottom {
-    padding-top: 8px;
-    margin-top: 50px;
-}
-
-.nav-left {
-    width: 50%;
-    display: block;
-    float: left;
-}
-
-.nav-right {
-    text-align: right;
-    margin-left: 50%;
-    width: 50%;
-    display: block;
-}
-
-.items article {
-    border: 1px dotted #333;
-    margin-bottom: 10px;
-    padding: 5px;
-}
-
-.items #current-item {
-    border: 3px dotted #333;
-    padding: 3px;
-}
-
-ul.item-menu,
-ul.item-infos {
-    padding: 0;
-}
-
-ul.item-menu li,
-ul.item-infos li {
-    margin: 0;
-    padding-right: 5px;
-    display: inline;
-}
-
-a.bookmark-icon {
-    text-decoration: none;
-}
-
-/* desktop design */
-@media only screen and (min-width: 480px) {
-
-    .hide-desktop {
-        display: none;
-    }
-}
-
-/* mobile design */
-@media only screen and (max-width: 480px) {
-
-    ul li.hide-mobile,
-    .hide-mobile {
-        display: none;
-    }
-}
