playing with styling.. uf

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;
 }

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>