From 83deda921676a265cb79f6a89e5a1decf2b20a21 Mon Sep 17 00:00:00 2001
From: Krehan Tim <mail@timkrehan.de>
Date: Mon, 29 Oct 2018 08:55:24 +0100
Subject: [PATCH] added style

---
 cont/settings.php  |  8 ++++++++
 style/settings.css | 19 +++++++++++++++++--
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/cont/settings.php b/cont/settings.php
index cfa2d9f..0dfd854 100644
--- a/cont/settings.php
+++ b/cont/settings.php
@@ -17,6 +17,14 @@
     </div>
     <button class="button" id="saveButton">Speichern</button>
   </div>
+  <div class="userpassword-pane pane">
+    <div class="userpassword">
+      <span><font class="attribute">Altes Passwort</font><input class="change-attribute-input" type="text" name="username" value="********"></span>
+      <span><font class="attribute">Neues Passwort</font><input class="change-attribute-input" type="text" name="username" value="********"></span>
+      <span><font class="attribute">Passwort bestätigen</font><input class="change-attribute-input" type="text" name="username" value="********"></span>
+    </div>
+    <button class="button" id="saveButton">Speichern</button>
+  </div>
   <div class="import-export-pane">
     <h2>Import / Export</h2>
     <p>Hiermit werden alle Rezepte und sich zurzeit auf der Shoppingliste befindlichen Einträge als Download zur Verfügung gestellt. Diese Datei kann dann an anderer Stelle wieder Importiert werden, oder als Backup abgespeichert werden.</p>
diff --git a/style/settings.css b/style/settings.css
index a89a802..9bbfe54 100644
--- a/style/settings.css
+++ b/style/settings.css
@@ -1,7 +1,7 @@
 .settings {
   display: flex;
   justify-content: flex-start;
-  flex-direction: column;
+  flex-direction: row;
   flex-wrap: wrap;
 }
 .pane {
@@ -10,7 +10,7 @@
   background-color: #ddd;
   margin: 1em;
   min-width: max-content;
-  max-width: 50%;
+  max-width: 45%;
 }
 .userprofile-pane {
   display: flex;
@@ -22,11 +22,26 @@
   display: flex;
   flex-direction: column;
 }
+.userpassword-pane {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+.userpassword {
+  width: 22em;
+  display: flex;
+  flex-direction: column;
+}
 .userprofile span {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
+.userpassword span {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
 .attribute {
   width: 6em;
   padding: 1em;