From 4431ddf5ec47d2c429c4b866ca7f53c75c270c38 Mon Sep 17 00:00:00 2001
From: Arvind Tiwari <tiwariav@gmail.com>
Date: Tue, 13 Mar 2018 22:38:55 +0530
Subject: [PATCH] plugins change image and text order on mobile

---
 .../static/datacenterlight/css/landing-page.css  |  2 +-
 .../templates/datacenterlight/cms/section.html   | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css
index 1aa260ac..2f44613b 100755
--- a/datacenterlight/static/datacenterlight/css/landing-page.css
+++ b/datacenterlight/static/datacenterlight/css/landing-page.css
@@ -431,6 +431,7 @@ textarea {
 
 .split-section .split-description .lead {
   color: #3a3a3a;
+  font-size: 21px;
 }
 
 .split-section .space .split-description .lead {
@@ -743,7 +744,6 @@ textarea {
 }
 
 .space {
-  padding: 50px 0;
   max-width: 660px;
   margin: auto;
 }
diff --git a/datacenterlight/templates/datacenterlight/cms/section.html b/datacenterlight/templates/datacenterlight/cms/section.html
index 0266e6a3..bdef3196 100644
--- a/datacenterlight/templates/datacenterlight/cms/section.html
+++ b/datacenterlight/templates/datacenterlight/cms/section.html
@@ -4,14 +4,7 @@
   <div class="container">
     {% if instance.child_plugin_instances|length %}
       <div class="row">
-        <div class="col-sm-6 {% if instance.text_direction == 'left' %}col-sm-push-6{% endif %} split-figure">
-          <div class="section-figure">
-            {% for plugin in instance.child_plugin_instances %}
-              {% render_plugin plugin %}
-            {% endfor %}
-          </div>
-        </div>
-        <div class="col-sm-6 {% if instance.text_direction == 'left' %}col-sm-pull-6{% endif %} split-text">
+        <div class="col-sm-6 {% if instance.text_direction == 'right' %}col-sm-push-6{% endif %} split-text">
           {% if instance.heading %}
             <div class="{% if not instance.plain_heading %}split-title{% else %}split-title-plain{% endif %}">
               <h2>{{ instance.heading }}</h2>
@@ -25,6 +18,13 @@
             </div>
           {% endif %}
         </div>
+        <div class="col-sm-6 {% if instance.text_direction == 'right' %}col-sm-pull-6{% endif %} split-figure">
+          <div class="section-figure">
+            {% for plugin in instance.child_plugin_instances %}
+              {% render_plugin plugin %}
+            {% endfor %}
+          </div>
+        </div>
       </div>
     {% else %}
       <div class="space">