people mobile layout

zsite/static/less/blog.less

@@ -12,6 +12,8 @@
     color: #333;
     letter-spacing: .12em;
     text-transform: uppercase;
+
+    white-space: nowrap;
 }
 
 .news-block {
@@ -35,6 +37,10 @@
         li {
             .make-xs-column(12);
 
+            
+
+            
+            
             font-size: 12px;
 
             vertical-align: top;
@@ -51,7 +57,7 @@
         li {
             .make-xs-column(6);
             .make-sm-column(3);
-
+            
             min-height: 140px;
         }
     }
@@ -87,7 +93,8 @@ article.post-item {
     .make-row();
     
     content {
-        .make-xs-column(9);
+        .make-xs-column(12);
+        .make-sm-column(9);
     }
     
     side {

zsite/static/less/consultation.less

@@ -1,12 +1,34 @@
 .modal-consultation, .consultation-form {
-    img { 
-        float: left;
-        width: 30%; 
-        margin-top: 60px;
+
+    @media (min-width: 0) {
+         img { 
+            display: none;
+        }
+
+        h1 {
+            margin-top: 0px;
+        }
+
+        .forms {
+            padding-left: 0;
+        }
     }
+    @media (min-width: @screen-tablet) {
+        img { 
+            display: block;
+            float: left;
+            width: 30%; 
+            margin-top: 60px;
+        }
+
+
+        .forms {
+            padding-left: 35%;
+        }
+    }
+
 
     .forms {
-        padding-left: 35%;
 
         h3 {
             margin-top: 18px;

zsite/static/less/people.less

@@ -1,6 +1,5 @@
 .plugin-people {
-    
- 
+
 
     .people-detail-visual {
         img {
@@ -11,6 +10,7 @@
     .people-group {
         margin: 20px 0 15px;
     }
+
     li.people-item {
         width: 160px;
         vertical-align: top;
@@ -35,6 +35,34 @@
 
 }
 
+.people-detail {
+    .make-row();
+
+     @media (min-width: 0) {
+        .people-detail-visual {
+            .make-xs-column(12);
+        }
+
+        .people-detail-description {
+            .make-xs-column(12);
+
+            margin-top: 15px;
+        }
+    }
+
+    @media (min-width: @screen-phone) {
+        .people-detail-visual {
+            .make-xs-column(4);
+        }
+
+        .people-detail-description {
+            .make-xs-column(8);
+            
+            margin-top: 0px;
+        }
+    }
+
+}
 .people-link {
     float: right;
 }

zsite/templates/aldryn_people/includes/people_item.html

@@ -9,12 +9,12 @@
 </script>
 
 <div class="plugin-people people-detail row">
-    <div class="col-sm-4">
-    {% if person.visual %}<p class="people-detail-visual">
-        <img src="{{ person.visual.url }}" alt="{{ person.name }}" />
-    {% endif %}
+    <div class="people-detail-visual">
+        {% if person.visual %}
+            <img src="{{ person.visual.url }}" alt="{{ person.name }}" />
+        {% endif %}
     </div>
-    <div class="col-sm-8">
+    <div class="people-detail-description">
         <h1>{{ person.name }}</h1>
         <h4><em>{{ person.function }}</em></h4>
     
@@ -27,7 +27,7 @@
         {% if person.blog_post_author.all|length > 0 %}
         {% spaceless %}
             <h2>Статьи</h2>
-            <ul class="articles">
+            <ul class="articles list-unstyled">
             {% for article in person.blog_post_author.all %}
             <li><a href="{{ article.get_absolute_url }}">{{ article.title }}</a>
             &nbsp;<small class="date">{{ article.date_published|date:"DATE_FORMAT" }}</small></li>

zsite/templates/form_template/consultation.html

@@ -76,6 +76,8 @@
                     {% endfor %}
                     <div class="button-wrapper submit">
                         <button class="form-button btn btn-primary" type="submit" value="{{ instance.submit_btn_txt }}">{{ instance.submit_btn_txt }}</button>
+
+                        <button class="btn btn-default pull-right" ng-click="cancel()">{% trans 'Cancel' %}</button>
                     </div>
                 </form>
             </div>