add Gegenstaende

src/main.css

@@ -1,11 +1,13 @@
 .row {
     display: flex;
     flex-direction: row;
+    flex: 1;
 }
 
 .col {
     display: flex;
     flex-direction: column;
+    flex: 1;
 }
 
 .wrap {
@@ -38,11 +40,6 @@
 
 
 
-.character-image {
-    width:  115px;
-    height: 115px;
-}
-
 .die {
     width:  48px;
     height: 48px;
@@ -65,6 +62,18 @@
 .die-constitution { background-color: #a3a3a3; }
 .die-strength     { background-color: #d5a877; }
 
+
+.character-image {
+    width:  115px;
+    height: 115px;
+}
+
+.item-image {
+    width:  80px;
+    height: 80px;
+}
+
+
 .actor-sheet fieldset {
     width: 100%;
 }
@@ -73,26 +82,4 @@
     border: none;
     background: none;
     table-layout: fixed;
-}
-
-.item-sheet header {
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: flex-start;
-    align-items: center;
-}
-
-.item-sheet header img {
-    flex: 0 0 64px;
-    height: 64px;
-    margin-right: 6px;
-}
-
-.item-sheet header input,
-.item-sheet header div {
-    flex: 1;
-    height: 48px;
-    line-height: 48px;
-    margin: 8px;
-    font-size: 2em;
 }