From 3d330a5822ae20888eacf29b5ca2c2e7b652ec95 Mon Sep 17 00:00:00 2001
From: Aria <aria@suma-ev.de>
Date: Mon, 17 Jul 2017 10:07:32 +0200
Subject: [PATCH] =?UTF-8?q?=C3=9Cber=20uns=20Block=20nach=20unten=20versch?=
 =?UTF-8?q?oben?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/spende/spende.blade.php | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/resources/views/spende/spende.blade.php b/resources/views/spende/spende.blade.php
index af2da1092..86e75bd5c 100644
--- a/resources/views/spende/spende.blade.php
+++ b/resources/views/spende/spende.blade.php
@@ -7,8 +7,7 @@
 @section('content')
 <h1>{!! trans('spende.headline.1') !!}</h1>
 <h2 class="subheading">{!! trans('spende.headline.2') !!}</h2>
-	<div class="col">
-		<div id="left" class="col-lg-6 col-md-12 col-sm-12 others">
+		<div id="left" >
 		<h3>{!! trans('spende.bankinfo.1') !!}</h3>
 		<p>{!! trans('spende.bankinfo.2') !!}</p>
 		<p class="text-muted">{!! trans('spende.bankinfo.3') !!}</p>
@@ -74,6 +73,12 @@
 
 			<style>
 
+			#right {
+				width: 75%;
+				margin-left: auto;
+				margin-right: auto;
+			}
+
 			#right label {
 				display: block;
 				vertical-align: middle;
@@ -88,7 +93,6 @@
 			}
 
 			#right label::after {
-			  font-weight: bold;
 			  font-size: 15px;
 			  content: "â–¼";
 			  width: 20px;
@@ -97,16 +101,16 @@
 			}
 
 			#expand {
-			  height: 0px;
+			  max-height: 0px;
 			  overflow: hidden; 
-			  -webkit-transition: height 0.2s;  /* Chrome 1-25, Safari 3.2+ */
-              -moz-transition: height 0.2s;  /* Firefox 4-15 */
-              -o-transition: height 0.2s;  /* Opera 10.50–12.00 */
-              transition: height 0.2s;
+			  -webkit-transition: max-height 0.2s;  /* Chrome 1-25, Safari 3.2+ */
+              -moz-transition: max-height 0.2s;  /* Firefox 4-15 */
+              -o-transition: max-height 0.2s;  /* Opera 10.50–12.00 */
+              transition: max-height 0.2s;
 			}
 
 			#toggle:checked ~ #expand {
-			  height: 100%;
+			  max-height: 900px;
 			}
 
 			#toggle {
@@ -119,7 +123,7 @@
 
 			</style>
 
-		<div class="col-lg-6 col-md-12 col-sm-12 others" id="right">
+		<div id="right">
 			<input id="toggle" type="checkbox">
 			<label for="toggle">{!! trans('spende.about.1') !!}</label>
 			<div id="expand" >
@@ -130,5 +134,4 @@
 			</div>
 		</div>
 		<div class="clearfix"></div>
-	</div>
 @endsection
-- 
GitLab