From 552a1b86e77d065cc503e59f0b7d5696d6742d8d Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Fri, 18 Jul 2014 11:57:40 +0200
Subject: [PATCH] rename two-columns, add three-columns

---
 app/assets/javascripts/app/views/navigation.jst.eco | 2 +-
 app/assets/stylesheets/layout.css                   | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/app/views/navigation.jst.eco b/app/assets/javascripts/app/views/navigation.jst.eco
index 53ae66096..73469b55f 100644
--- a/app/assets/javascripts/app/views/navigation.jst.eco
+++ b/app/assets/javascripts/app/views/navigation.jst.eco
@@ -109,7 +109,7 @@
       Oliver Ruhm <span class="company">Zeughaus GmbH</span>
     </div>
     <hr>
-    <div class="horizontal two-column wrap">
+    <div class="horizontal two-columns wrap">
       <div class="column">
         <h3>ID</h3>
         <div class="contain-text">#10009</div>
diff --git a/app/assets/stylesheets/layout.css b/app/assets/stylesheets/layout.css
index 4de722b63..11f687d40 100755
--- a/app/assets/stylesheets/layout.css
+++ b/app/assets/stylesheets/layout.css
@@ -185,13 +185,18 @@ body.fit {
   align-items: flex-end;
 }
 
-.two-column {
+.two-columns,
+.three-columns {
   -ms-box-lines: multiple;
   -moz-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 
-.two-column > .column {
+.two-columns > .column {
   width: 50%;
 }
+
+.three-columns > .column {
+  width: 33.33%;
+}