diff --git a/_layouts/character-sheet.html b/_layouts/character-sheet.html
index 15f1109..0c4fc81 100644
--- a/_layouts/character-sheet.html
+++ b/_layouts/character-sheet.html
@@ -4,38 +4,38 @@ layout: page
{% if page.image %}
-
+
{% endif %}
-
- Straßenname:
-
+
+ Straßenname:
+
-
- Alter:
-
+
+ Alter:
+
-
- Rolle:
-
+
+ Rolle:
+
-
- Rollenfähigkeit:
-
+
+ Rollenfähigkeit:
+
-
- Unterkunft:
-
+
+ Unterkunft:
+
-
- Lebensstil:
-
+
+ Lebensstil:
+
-
- Lebenskosten:
-
+
+ Lebenskosten:
+
@@ -47,7 +47,7 @@ layout: page
.then(character => {
document.getElementById('streetname').innerText = character.handle;
document.getElementById('age').innerText = character.age;
- document.getElementById('role').innerText = character.role[0].name + " Rang: " + character.role[0].rank;
+ document.getElementById('role').innerText = character.roles[0].name + " Rang: " + character.roles[0].rank;
document.getElementById('housing').innerText = character.housing.type;
document.getElementById('lifestyle').innerText = character.lifestyle;
});
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index ffd900b..ffa02b8 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -37,6 +37,16 @@ footer {
color: #888;
}
+.character-details {
+ display: flex;
+}
+
+.character-details-title {}
+
+.character-details-value {
+ margin: 0px 0px 0px auto;
+}
+
.mobile-tabs {
display: none;
}