From fe2e0412a6713c3b38a55376e971dfebc5df2e9e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anja=20M=C3=B6ller?= <chibineko@gmail.com>
Date: Mon, 10 May 2021 21:01:04 +0200
Subject: [PATCH] Adjust centering of values in circles for Firefox, Chrome and
 Edge

---
 Splittermond/Sheet.css  | 10 +----
 Splittermond/Sheet.html | 86 ++++++++++++++++++++---------------------
 2 files changed, 45 insertions(+), 51 deletions(-)

diff --git a/Splittermond/Sheet.css b/Splittermond/Sheet.css
index adab3f09d0..2848ead3fc 100644
--- a/Splittermond/Sheet.css
+++ b/Splittermond/Sheet.css
@@ -748,7 +748,7 @@ input[type="number"].sheet-form__field {
 }
 
 .sheet-input-circle {
-    position: relative;
+    display: flex;
     width: 25px;
     height: 25px;
     background-color: #0489b1;
@@ -762,9 +762,7 @@ input[type="number"].sheet-form__field {
 }
 
 .sheet-input-circle > input {
-    position: absolute;
-    top: 5px; 
-    left: 0;
+    border: none;
     background-color: transparent;
     color: white;
     border-color: transparent;
@@ -772,10 +770,6 @@ input[type="number"].sheet-form__field {
     text-align: center;
 }
 
-.sheet-input-circle--lg > input {
-    top: 8px; 
-}
-
 .sheet-card {
     border: 1px solid gray;
     border-radius: 5px;
diff --git a/Splittermond/Sheet.html b/Splittermond/Sheet.html
index 7e4a45f016..36005f4ad2 100644
--- a/Splittermond/Sheet.html
+++ b/Splittermond/Sheet.html
@@ -1616,7 +1616,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Anf&uuml;hren</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_anfuehren" value="@{anfuehren1}+@{anfuehren2}+@{anfuehrenpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_anfuehren" value="@{anfuehren1}+@{anfuehren2}+@{anfuehrenpunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -1651,7 +1651,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Arkane Kunde</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_arkanekunde" value="@{arkanekunde1}+@{arkanekunde2}+@{arkanekundepunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_arkanekunde" value="@{arkanekunde1}+@{arkanekunde2}+@{arkanekundepunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -1686,7 +1686,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Athletik</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_athletik" value="@{athletik1}+@{athletik2}+@{athletikpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_athletik" value="@{athletik1}+@{athletik2}+@{athletikpunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -1721,7 +1721,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Darbietung</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_darbietung" value="@{darbietung1}+@{darbietung2}+@{darbietungpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_darbietung" value="@{darbietung1}+@{darbietung2}+@{darbietungpunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -1756,7 +1756,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Diplomatie</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_diplomatie" value="@{diplomatie1}+@{diplomatie2}+@{diplomatiepunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_diplomatie" value="@{diplomatie1}+@{diplomatie2}+@{diplomatiepunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -1791,7 +1791,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Edelhandwerk</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_edelhandwerk" value="@{edelhandwerk1}+@{edelhandwerk2}+@{edelhandwerkpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_edelhandwerk" value="@{edelhandwerk1}+@{edelhandwerk2}+@{edelhandwerkpunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -1826,7 +1826,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Empathie</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_empathie" value="@{empathie1}+@{empathie2}+@{empathiepunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_empathie" value="@{empathie1}+@{empathie2}+@{empathiepunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -1861,7 +1861,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Entschlossenheit</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_entschlossenheit" value="@{entschlossenheit1}+@{entschlossenheit2}+@{entschlossenheitpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_entschlossenheit" value="@{entschlossenheit1}+@{entschlossenheit2}+@{entschlossenheitpunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -1896,7 +1896,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Fingerfertigkeit</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_fingerfertigkeit" value="@{fingerfertigkeit1}+@{fingerfertigkeit2}+@{fingerfertigkeitpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_fingerfertigkeit" value="@{fingerfertigkeit1}+@{fingerfertigkeit2}+@{fingerfertigkeitpunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -1931,7 +1931,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Geschichte & Mythen</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="test" name="attr_geschichteundmythen" value="@{geschichteundmythen1}+@{geschichteundmythen2}+@{geschichteundmythenpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="test" name="attr_geschichteundmythen" value="@{geschichteundmythen1}+@{geschichteundmythen2}+@{geschichteundmythenpunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -1966,7 +1966,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Handwerk</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_handwerk" value="@{handwerk1}+@{handwerk2}+@{handwerkpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_handwerk" value="@{handwerk1}+@{handwerk2}+@{handwerkpunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -2001,7 +2001,7 @@
                             <label class="text--right pr--1 d--flex__item--grow3">Heilkunde</label>
                             <div class="pr--2">
                                 <div class="input-circle center--horizontally">
-                                    <input type="text" name="attr_heilkunde" value="@{heilkunde1}+@{heilkunde2}+@{heilkundepunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                    <input type="text" name="attr_heilkunde" value="@{heilkunde1}+@{heilkunde2}+@{heilkundepunkte}" disabled="true" class="form__field text--700" />
                                 </div>
                             </div>
                             <div class="pr--2">
@@ -2053,7 +2053,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Heimlichkeit</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_heimlichkeit" value="@{heimlichkeit1}+@{heimlichkeit2}+@{heimlichkeitpunkte}+@{heimlichkeitgk}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_heimlichkeit" value="@{heimlichkeit1}+@{heimlichkeit2}+@{heimlichkeitpunkte}+@{heimlichkeitgk}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2089,7 +2089,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Jagdkunst</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_jagdkunst" value="@{jagdkunst1}+@{jagdkunst2}+@{jagdkunstpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_jagdkunst" value="@{jagdkunst1}+@{jagdkunst2}+@{jagdkunstpunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2124,7 +2124,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">L&auml;nderkunde</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_laenderkunde" value="@{laenderkunde1}+@{laenderkunde2}+@{laenderkundepunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_laenderkunde" value="@{laenderkunde1}+@{laenderkunde2}+@{laenderkundepunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2159,7 +2159,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Naturkunde</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_naturkunde" value="@{naturkunde1}+@{naturkunde2}+@{naturkundepunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_naturkunde" value="@{naturkunde1}+@{naturkunde2}+@{naturkundepunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2194,7 +2194,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Redegewandtheit</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_redegewandtheit" value="@{redegewandtheit1}+@{redegewandtheit2}+@{redegewandtheitpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_redegewandtheit" value="@{redegewandtheit1}+@{redegewandtheit2}+@{redegewandtheitpunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2229,7 +2229,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Schl&ouml;sser &amp; Fallen</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_schloesserundfallen" value="@{schloesserundfallen1}+@{schloesserundfallen2}+@{schloesserundfallenpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_schloesserundfallen" value="@{schloesserundfallen1}+@{schloesserundfallen2}+@{schloesserundfallenpunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2264,7 +2264,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Schwimmen</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_schwimmen" value="@{schwimmen1}+@{schwimmen2}+@{schwimmenpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_schwimmen" value="@{schwimmen1}+@{schwimmen2}+@{schwimmenpunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2299,7 +2299,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Seefahrt</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_seefahrt" value="@{seefahrt1}+@{seefahrt2}+@{seefahrtpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_seefahrt" value="@{seefahrt1}+@{seefahrt2}+@{seefahrtpunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2334,7 +2334,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Stra&szlig;enkunde</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_strassenkunde" value="@{strassenkunde1}+@{strassenkunde2}+@{strassenkundepunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_strassenkunde" value="@{strassenkunde1}+@{strassenkunde2}+@{strassenkundepunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2369,7 +2369,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Tierf&uuml;hrung</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_tierfuehrung" value="@{tierfuehrung1}+@{tierfuehrung2}+@{tierfuehrungpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_tierfuehrung" value="@{tierfuehrung1}+@{tierfuehrung2}+@{tierfuehrungpunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2404,7 +2404,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">&Uuml;berleben</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_ueberleben" value="@{ueberleben1}+@{ueberleben2}+@{ueberlebenpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_ueberleben" value="@{ueberleben1}+@{ueberleben2}+@{ueberlebenpunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2439,7 +2439,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Wahrnehmung</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_wahrnehmung" value="@{wahrnehmung1}+@{wahrnehmung2}+@{wahrnehmungpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_wahrnehmung" value="@{wahrnehmung1}+@{wahrnehmung2}+@{wahrnehmungpunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2474,7 +2474,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Z&auml;higkeit</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_zaehigkeit" value="@{zaehigkeit1}+@{zaehigkeit2}+@{zaehigkeitpunkte}" disabled="true" class="form__field text--700 mr--1" />
+                                <input type="text" name="attr_zaehigkeit" value="@{zaehigkeit1}+@{zaehigkeit2}+@{zaehigkeitpunkte}" disabled="true" class="form__field text--700" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2891,7 +2891,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Beherrschungsm.</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_beherrschungsmagie" value="@{beherrschungsmagie1}+@{beherrschungsmagie2}+@{beherrschungsmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_beherrschungsmagie" value="@{beherrschungsmagie1}+@{beherrschungsmagie2}+@{beherrschungsmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2924,7 +2924,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Bewegungsmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_bewegungsmagie" value="@{bewegungsmagie1}+@{bewegungsmagie2}+@{bewegungsmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_bewegungsmagie" value="@{bewegungsmagie1}+@{bewegungsmagie2}+@{bewegungsmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2957,7 +2957,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Erkenntnismagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_erkenntnismagie" value="@{erkenntnismagie1}+@{erkenntnismagie2}+@{erkenntnismagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_erkenntnismagie" value="@{erkenntnismagie1}+@{erkenntnismagie2}+@{erkenntnismagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -2990,7 +2990,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Felsmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_felsmagie" value="@{felsmagie1}+@{felsmagie2}+@{felsmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_felsmagie" value="@{felsmagie1}+@{felsmagie2}+@{felsmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3023,7 +3023,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Feuermagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_feuermagie" value="@{feuermagie1}+@{feuermagie2}+@{feuermagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_feuermagie" value="@{feuermagie1}+@{feuermagie2}+@{feuermagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3056,7 +3056,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Heilungsmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_heilungsmagie" value="@{heilungsmagie1}+@{heilungsmagie2}+@{heilungsmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_heilungsmagie" value="@{heilungsmagie1}+@{heilungsmagie2}+@{heilungsmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3089,7 +3089,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Illusionsmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_illusionsmagie" value="@{illusionsmagie1}+@{illusionsmagie2}+@{illusionsmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_illusionsmagie" value="@{illusionsmagie1}+@{illusionsmagie2}+@{illusionsmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3122,7 +3122,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Kampfmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_kampfmagie" value="@{kampfmagie1}+@{kampfmagie2}+@{kampfmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_kampfmagie" value="@{kampfmagie1}+@{kampfmagie2}+@{kampfmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3155,7 +3155,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Lichtmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_lichtmagie" value="@{lichtmagie1}+@{lichtmagie2}+@{lichtmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_lichtmagie" value="@{lichtmagie1}+@{lichtmagie2}+@{lichtmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3199,7 +3199,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Naturmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_naturmagie" value="@{naturmagie1}+@{naturmagie2}+@{naturmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_naturmagie" value="@{naturmagie1}+@{naturmagie2}+@{naturmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3232,7 +3232,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Schattenmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_schattenmagie" value="@{schattenmagie1}+@{schattenmagie2}+@{schattenmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_schattenmagie" value="@{schattenmagie1}+@{schattenmagie2}+@{schattenmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3265,7 +3265,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Schicksalsmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_schicksalsmagie" value="@{schicksalsmagie1}+@{schicksalsmagie2}+@{schicksalsmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_schicksalsmagie" value="@{schicksalsmagie1}+@{schicksalsmagie2}+@{schicksalsmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3298,7 +3298,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Schutzmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_schutzmagie" value="@{schutzmagie1}+@{schutzmagie2}+@{schutzmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_schutzmagie" value="@{schutzmagie1}+@{schutzmagie2}+@{schutzmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3331,7 +3331,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">St&auml;rkungsmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_staerkungsmagie" value="@{staerkungsmagie1}+@{staerkungsmagie2}+@{staerkungsmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_staerkungsmagie" value="@{staerkungsmagie1}+@{staerkungsmagie2}+@{staerkungsmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3364,7 +3364,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Todesmagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_todesmagie" value="@{todesmagie1}+@{todesmagie2}+@{todesmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_todesmagie" value="@{todesmagie1}+@{todesmagie2}+@{todesmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3397,7 +3397,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Verwandlungsm.</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_verwandlungsmagie" value="@{verwandlungsmagie1}+@{verwandlungsmagie2}+@{verwandlungsmagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_verwandlungsmagie" value="@{verwandlungsmagie1}+@{verwandlungsmagie2}+@{verwandlungsmagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3430,7 +3430,7 @@
                         <label class="text--right pr--1 d--flex__item--grow3">Wassermagie</label>
                         <div class="pr--2">
                             <div class="input-circle center--horizontally">
-                                <input type="text" name="attr_wassermagie" value="@{wassermagie1}+@{wassermagie2}+@{wassermagiepunkte}" class="form__field text--700 mr--1" disabled="true" />
+                                <input type="text" name="attr_wassermagie" value="@{wassermagie1}+@{wassermagie2}+@{wassermagiepunkte}" class="form__field text--700" disabled="true" />
                             </div>
                         </div>
                         <div class="pr--2">
@@ -3545,7 +3545,7 @@
                     <div class="d--flex mb--2">
                         <b class="text--right d--flex__item--grow0 mr--1 mt--1">Schadensmodifikator</b>
                         <div class="sheet-input-circle d--flex__item--grow0">
-                            <input type="text" class="text--700" name="attr_schadensmod" value="0" readonly="readonly" class="form__field" style="top: 3px" />
+                            <input type="text" class="text--700" name="attr_schadensmod" value="0" readonly="readonly" class="form__field" />
                         </div>
                         <input type="hidden" name="attr_sw1" value="0" />
                         <input type="hidden" name="attr_sw2" value="0" />