From 2f456df8a62d221ecc713692ec60a88b935b4c68 Mon Sep 17 00:00:00 2001
From: Peder Bergebakken Sundt <pbsds@hotmail.com>
Date: Tue, 17 Oct 2017 18:55:13 +0200
Subject: [PATCH] Switch from html size tag to css width on card creator page

---
 dev.sh                      |  2 +-
 resources/cards/creator.css | 33 ++++++++++++++++++++++++---------
 resources/cards/creator.vm  | 25 +++++++++++++------------
 3 files changed, 38 insertions(+), 22 deletions(-)

diff --git a/dev.sh b/dev.sh
index 73a3f80..35e3947 100755
--- a/dev.sh
+++ b/dev.sh
@@ -4,4 +4,4 @@ if ! which entr > /dev/null; then
     exit 1
 fi
 
-find . -name "*.py" | entr -r ./server.py
\ No newline at end of file
+find . -name "*.py" | entr -r ./server.py
diff --git a/resources/cards/creator.css b/resources/cards/creator.css
index 04ee4f5..0e61cdd 100644
--- a/resources/cards/creator.css
+++ b/resources/cards/creator.css
@@ -1,28 +1,43 @@
 iframe {
-    width: 7cm;
     height: 11cm;
+    width: 6.1cm;
     display: block;
     position: absolute;
-    top: 0;
-    right: 0;
+    top: 0.35cm;
+    right: 0.35cm;
     border: none;
 }
 
-* {
+ul {
     margin: 0;
     padding: 0;
 }
 
 form {
-    width: calc(100% - 9cm);
+    width: calc(100% - 6.5cm);
+    width: 19cm;
 }
-
 ul {
     list-style-type: none;
-    margin: 0.5em;
+    margin: 2mm;
 }
 ul li {
     float: left;
-    margin: 0.6em;
-    margin-bottom: 0.1em;
+    margin: 3mm;
+    margin-bottom: 1mm;
+    width: 8.5cm;
+}
+
+ul li input[type=text],
+ul li textarea {
+    width: 100%;
+}
+
+ul li input[type=text][name=gp],
+ul li input[type=text][name=cp] {
+    width: 4.09cm;
+}
+ul li input[type=text][name=tag],
+ul li input[type=text][name=filename] {
+    width: 3.8cm;
 }
diff --git a/resources/cards/creator.vm b/resources/cards/creator.vm
index d4713e2..7059034 100644
--- a/resources/cards/creator.vm
+++ b/resources/cards/creator.vm
@@ -5,19 +5,20 @@
 
 <title>Card Creator</title>
 
+<a href="../" style="opacity:0.6;">Return to cardlist</a>
+
 <iframe name="preview"></iframe>
 
 <form id="cardform" action="preview" method="post" target="preview">
-    <a href="../" style="opacity:0.6;">Return to cardlist</a>
     <input type="hidden" name="copies_owned" value="$card.copies_owned">
     <ul>
         <li>
             Title:<br>
-            <input type="text" name="title" size="39" value="$escape_html($card.title)" onchange="this.form.submit()">
+            <input type="text" name="title" value="$escape_html($card.title)" onchange="this.form.submit()">
         </li>
         <li>
             Figure:<br>
-            <input type="text" name="figure" size="39" value="$escape_html($card.figure)"onchange="this.form.submit()"><br>
+            <input type="text" name="figure" value="$escape_html($card.figure)"onchange="this.form.submit()"><br>
             
             Source:
             #if($card.figure_source=="material-icons")
@@ -50,36 +51,36 @@
         </li>
         <li>
             Description:<br>
-            <textarea name="description" cols="40" rows="5" onchange="this.form.submit()">$escape_html($card.description, False)</textarea>
+            <textarea name="description" rows="5" onchange="this.form.submit()">$escape_html($card.description, False)</textarea>
         </li>
         <li>
             Steps:<br>
-            <textarea name="steps" cols="40" rows="5" onchange="this.form.submit()">$escape_html($card.steps, False)</textarea>
+            <textarea name="steps" rows="5" onchange="this.form.submit()">$escape_html($card.steps, False)</textarea>
         </li>
         <li>
             Effects:<br>
-            <textarea name="effects" cols="40" rows="5" onchange="this.form.submit()">$escape_html($card.effects, False)</textarea>
+            <textarea name="effects" rows="5" onchange="this.form.submit()">$escape_html($card.effects, False)</textarea>
         </li>
         <li>
             Flags/Properties:<br>
-            <textarea name="flags" cols="40" rows="5" onchange="this.form.submit()">$escape_html($card.flags, False)</textarea>
+            <textarea name="flags" rows="5" onchange="this.form.submit()">$escape_html($card.flags, False)</textarea>
         </li>
         <li>
             Cost:<br>
-            <input type="text" name="cost" size="39" value="$escape_html($card.cost)" onchange="this.form.submit()">
+            <input type="text" name="cost" value="$escape_html($card.cost)" onchange="this.form.submit()">
         </li>
         <li>
             Power<br>
-            <input type="text" name="power" size="39" value="$escape_html($card.power)" onchange="this.form.submit()">
+            <input type="text" name="power" value="$escape_html($card.power)" onchange="this.form.submit()">
         </li>
         <li>
             Notes:<span style="opacity:0.4;">(Not shown)</span><br>
-            <textarea name="notes" cols="40" rows="5">$escape_html($card.notes, False)</textarea>
+            <textarea name="notes" rows="10">$escape_html($card.notes, False)</textarea>
         </li>
         <li>
             Worth: CP or Gold<span style="opacity:0.4;">(GP)</span>:<br>
-            <input type="text" name="cp" size="19" value="$escape_html($card.cp)" placeholder="CP" onchange="this.form.submit()">
-            <input type="text" name="gp" size="19" value="$escape_html($card.gp)" placeholder="gold" onchange="this.form.submit()">
+            <input type="text" name="cp" value="$escape_html($card.cp)" placeholder="CP" onchange="this.form.submit()">
+            <input type="text" name="gp" value="$escape_html($card.gp)" placeholder="gold" onchange="this.form.submit()">
         </li>
         <li>
             <br>