Anpassung-des-Character-Sheet-Headers-#13 (#28)

- Made character sheet header more responsive
- Changed Logo
- Changed "all gear items" container, that it shows items not in dedicated containers ( unless "Alle" checkbox is set)

Co-authored-by: Ender <harald@drueppels.de>
Co-authored-by: Byroks <byroks@gmail.com>
Reviewed-on: #28
Reviewed-by: Byroks <byroks@gmail.com>

source/style/Character-sheet.less

@@ -9,14 +9,34 @@
 		flex-wrap: wrap
 	}
 
+	.flexcolumn {
+		flex-wrap: wrap;
+	}
+
+	.flexcolumn-1{
+		flex: 100%;
+		flex-wrap: wrap;
+	}
+
 	.flexcolumn-2 {
 		flex: 50%;
+		flex-wrap: wrap;
+	}
+
+	.flexcolumn-4 {
+		flex: 25%;
+		flex-wrap: wrap;
+	}
+
+	.flexcolumn-5 {
+		flex: 20%;
+		flex-wrap: wrap;
 	}
 
 	.flexpart {
 		gap: 0;
 		padding: 0;
-		margin: 10px;
+		margin: 5px;
 		background-color: beige;
 		border: 2px solid black;
 	}
@@ -46,6 +66,15 @@
 		color: white;
 	}
 
+	.profile-img {
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+		height: 100%;
+		width: auto;
+		border: 0px solid black;
+	}
+
 	.sheet.character {
 		form {
 			display: flex;
@@ -62,12 +91,6 @@
 			}
 		}
 
-		.profile-img {
-			max-width: 128px;
-			height: 128px;
-			border: 0px solid black;
-		}
-
 		.description {
 			flex: 0 0 100%;
 			margin: 0;
@@ -100,6 +123,13 @@
 	table {
 		background-color: beige;
 		border: 0px solid transparent;
+		&.bordered{
+			border-collapse: separate;
+			border: 2px solid black;
+			border-radius: 10px;
+			font-size: larger;
+			font-weight: bolder;
+		} 	
 	}
 
 	td,
@@ -146,6 +176,10 @@
 		border: 0px solid transparent;
 	}
 
+	input {
+		border: 0px solid black;
+	}
+
 	input.skill {
 		width: 5rem;
 	}