From 82f3a5285e3139495d0d90a857a6130fb30deeb0 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sun, 21 Mar 2021 18:47:02 +0100
Subject: [PATCH] Rotating Labels for better visability

---
 components/01_Layouts/flexRow/flexRow.hbs | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/01_Layouts/flexRow/flexRow.hbs b/components/01_Layouts/flexRow/flexRow.hbs
index 1c0156b..fd75139 100644
--- a/components/01_Layouts/flexRow/flexRow.hbs
+++ b/components/01_Layouts/flexRow/flexRow.hbs
@@ -1,20 +1,20 @@
 <div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--narrower RV-Dummy RV-Alignment--center">Narrower</div>
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--narrow RV-Dummy RV-Alignment--center">Narrow</div>
-	<div class="RV-FlexRow__Item RV-Dummy RV-Alignment--center">Normal</div>
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--wide RV-Dummy RV-Alignment RV-Alignment--center">Wide</div>
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--wider RV-Dummy RV-Alignment--center">Wider</div>	
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--fixedSize RV-Dummy RV-Alignment--center">Fixed Size</div>	
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--narrower RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Narrower</p></div>
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--narrow RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Narrow</p></div>
+	<div class="RV-FlexRow__Item RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Normal</p></div>
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--wide RV-Dummy RV-Alignment RV-Alignment--center"><p class="RV-Rotation--left">Wide</p></div>
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--wider RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Wider</p></div>	
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--fixedSize RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Fixed Size</p></div>	
 </div>
 
 <div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--quarter RV-Dummy RV-Alignment--center">Quarter</div>
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--quarter RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Quarter</p></div>
 </div>
 
 <div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--third RV-Dummy RV-Alignment--center">Third</div>
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--third RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Third</p></div>
 </div>
 
 <div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--half RV-Dummy RV-Alignment--center">Half</div>
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--half RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Half</p></div>
 </div>
\ No newline at end of file