unbenannt von left und right zu top und bottom

resources/assets/less/metager/static-pages.less

@@ -347,8 +347,15 @@ main div#foki {
     text-align: center;
 }
 
-div#right {
+div#top {
+    padding-right: 35px;
+}
+
+
+div#bottom {
     background-color: @div-right-background-color;
+    width: 100%;
+    margin-right: auto;
     border-radius: 5px;
     padding: 20px;
     padding-top: 5px;
@@ -360,16 +367,7 @@ div#right {
     }
 }
 
-div#left {
-    padding-right: 35px;
-}
-
-div#right {
-    width: 100%;
-    margin-right: auto;
-}
-
-div#right label {
+div#bottom label {
     display: block;
     vertical-align: middle;
     text-align: center;
@@ -377,11 +375,11 @@ div#right label {
     color: #666;
 }
 
-div#right label:hover {
+div#bottom label:hover {
     color: #000;
 }
 
-div#right label::after {
+div#bottom label::after {
   font-size: 18px;
   content: "▼";
   width: 20px;
@@ -392,9 +390,9 @@ div#right label::after {
 div#expand {
   max-height: 0px;
   overflow: hidden; 
-  -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 */
+  -webkit-transition: max-height 0.2s;
+  -moz-transition: max-height 0.2s;
+  -o-transition: max-height 0.2s;
   transition: max-height 0.2s;
 }
 

resources/views/spende/spende.blade.php

@@ -7,7 +7,7 @@
 @section('content')
 <h1>{!! trans('spende.headline.1') !!}</h1>
 <h2 class="subheading">{!! trans('spende.headline.2') !!}</h2>
-		<div id="left" >
+		<div id="top" >
 		<h3>{!! trans('spende.bankinfo.1') !!}</h3>
 		<p>{!! trans('spende.bankinfo.2') !!}</p>
 		<p class="text-muted">{!! trans('spende.bankinfo.3') !!}</p>
@@ -70,8 +70,8 @@
 			</form>
 		<p>{!! trans('spende.lastschrift.10') !!}</p>
 		</div>
-		<div id="right">
-			<input id="toggle" type="checkbox">
+		<div id="bottom">
+			<input id="toggle" type="checkbox" checked>
 			<label for="toggle">{!! trans('spende.about.1') !!}</label>
 			<div id="expand" >
 				<p>{!! trans('spende.about.2') !!}</p>