From 82857a4683ee45ff078a79c03f1874fa7580101c Mon Sep 17 00:00:00 2001
From: Marcell Mars <ki.ber@kom.uni.st>
Date: Sat, 24 Apr 2021 10:56:34 +0200
Subject: [PATCH] playing with styling.. uf

---
 public/global.css     | 18 +++++++++++++++---
 src/SpHasTiers.svelte |  2 +-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/public/global.css b/public/global.css
index f2af672..3c5a5ff 100644
--- a/public/global.css
+++ b/public/global.css
@@ -81,6 +81,12 @@ input, button, textarea, .selecttier {
   grid-column: 2/3;
 }
 
+
+input:disabled {
+  color: black;
+  background-color: white;
+}
+
 textarea {
   height: 10rem;
 }
@@ -90,14 +96,20 @@ textarea {
   border: 0px;
   padding: 0px;
   margin: 0px;
-  width: 50%;
   cursor: pointer;
+  font-weight: bold;
 }
 
 .tierline {
   display: flex;
 }
 
-.buttons {
-  margin-left: auto;
+.tiertitle {
+  font-style: italic;
+}
+
+.buttons {
+  display: flex;
+  margin-left: auto;
+  padding-left: 0.2rem;
 }
diff --git a/src/SpHasTiers.svelte b/src/SpHasTiers.svelte
index 103d655..42d47fa 100644
--- a/src/SpHasTiers.svelte
+++ b/src/SpHasTiers.svelte
@@ -25,7 +25,7 @@
   {#each tiers as tier, i (tier.file)}
     <div class="tierline">
       <div class="filetitle">
-        <input type="text" name="has_{hastiers}[]" class="hasinput" value="{tier.file}"><span class="tiertitle">({tier.title})</span>
+        <input type="text" name="has_{hastiers}[]" class="hasinput" value="{tier.file}" disabled><span class="tiertitle">({tier.title})</span>
       </div>
       <div class="buttons">
         <button type="button" class="buttondown" on:click="{swapTier(tier, 1)}" disabled={i+1 == tiers.length ? true:false}>⇓</button>