Update

3 files changed, 23 insertions, 1 deletions

diff --git a/src/_board.scss b/src/_board.scss
index 7e8be12..3fea245 100644
--- a/src/_board.scss
+++ b/src/_board.scss
@@ -49,9 +49,28 @@
         }
     }
 
+    .messageGroupList .columnAvatar {
+        div,
+        div > p > .userAvatarImage {
+            inline-size: 42px;
+            block-size: 42px;
+        }
+    }
+
     .tabularListRow.divider {
         + li:not(.divider) {
             border-block-start-width: 3px;
         }
     }
+
+    .messageGroupList .columnSubject > .statusDisplay {
+        margin-block-start: -.3em;
+    }
+
+    @media screen and (max-width: 768px) {
+        .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject {
+            flex-basis: calc(100% - 42px - 14px);
+            max-width: calc(100% - 42px - 14px);
+        }
+    }
 }
diff --git a/src/_common.vars.scss b/src/_common.vars.scss
index 54066e8..d3a4754 100644
--- a/src/_common.vars.scss
+++ b/src/_common.vars.scss
@@ -7,6 +7,8 @@ $vlpnLinkFg: props.def(--vlpnLinkFg, props.get(core.$theme, --red, --1000-text))
 $vlpnLinkActive: props.def(--vlpnLinkActive, props.get(core.$theme, --red, --1300));
 $vlpnLinkActiveFg: props.def(--vlpnLinkActiveFg, props.get(core.$theme, --red, --1300-text));
 
+$wcfFontSizeHeadline: props.def(--wcfFontSizeHeadline, 16px);
+
 $wcfHeaderBackground: props.def(--wcfHeaderBackground, props.get(core.$theme, --base, --600));
 $wcfHeaderMenuBackground: props.def(--wcfHeaderMenuBackground, props.get(core.$theme, --base, --800));
 $wcfHeaderMenuLinkBackground: props.def(--wcfHeaderMenuLinkBackground, props.get(core.$theme, --base, --800));
@@ -25,6 +27,7 @@ $wcfContentBorder: props.def(--wcfContentBorder, var(--wcfContentBorderInner));
 
 $wcfFooterBoxBackground: props.def(--wcfFooterBoxBackground, props.get(core.$theme, --base, --100));
 $wcfFooterBoxText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --800));
+$wcfFooterBoxHeadlineText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --900));
 
 $wcfFooterBackground: props.def(--wcfFooterBackground, props.get(core.$theme, --base, --700));
 $wcfFooterText: props.def(--wcfFooterText, props.get(core.$theme, --base, --100));
diff --git a/src/_rank.scss b/src/_rank.scss
index 4cd4c5c..fac2663 100644
--- a/src/_rank.scss
+++ b/src/_rank.scss
@@ -1,5 +1,5 @@
 @mixin styles {
     .userRankImage > img {
-        vertical-align: bottom;
+       
     }
 }