Finished responsive issues

digitalglarus/templates/digitalglarus/booking_orders_list.html

@@ -18,7 +18,7 @@
             <h2 class="member-name">2016.11.13-2016.12.13</h2>
             <hr class="greyline-long">
             <h2 class="order-head">Booking history</h2>
-            <table class="table">
+            <table class="table" style="overflow-x:auto;">
               <thead>
                 <tr>
                   <th>#</th>

digitalglarus/templates/digitalglarus/booking_payment.html

@@ -212,4 +212,12 @@
 
 {%endif%}
 
+{% if credit_card_data.last4 and credit_card_data.cc_brand %}
+<script type="text/javascript"> 
+     (function () {window.hasCreditcard = true;})();
+</script>
+
+{%endif%}
+
+
 {% endblock %}

digitalglarus/templates/digitalglarus/history.html

@@ -4,6 +4,20 @@
 
 {% block content %}
 
+
+<style type="text/css">
+  
+@media screen and (max-width: 600px) {
+
+  #timeline{
+    display: none;
+  }
+  h2 {font-size: 2em !important;}
+
+}
+
+</style>
+
 <!-- Header -->
     <header class="history">
       <div class="container header-history">
@@ -81,7 +95,7 @@
 
     <!-- Half Page Image Background Carousel -->
     <section>
-      <div>
+      <div id="timeline">
         <iframe frameborder="0" width="100%" height="650" src="//cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=15clFd1fjnVScVziBlF-X7j5M7V6uNFt9jt9QZVylaYI&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=650" width="100%"></iframe>
       </div>
 

digitalglarus/templates/digitalglarus/membership_orders_list.html

@@ -6,12 +6,12 @@
 
 @media only screen and (max-width: 320px) {
 
-   body { font-size: 2em; }
-   
+   /*body { font-size: 2em; }*/
+   h2.section-heading {font-size: 2em !important;}
     
 
 }
-h2 {text-transform: lowercase;}
+
   </style>
 
   <!-- Header -->
@@ -33,26 +33,29 @@ h2 {text-transform: lowercase;}
             {% endif %}
             <hr class="greyline-long">
             <h2 class="order-head">Orders history</h2>
-            <table class="table">
-              <thead>
-                <tr>
-                  <th>#</th>
-                  <th>Valid Month</th>
-                  <th>Date</th>
-                  <th>Invoice</th>
-                </tr>
-              </thead>
-              <tbody>
-                {% for order in orders%}
-                <tr>
-                  <th scope="row">{{order.id}}</th>
-                  <td>{{order.created_at|date:"F"}}</td>
-                  <td>{{order.created_at|date}}</td>
-                  <td><a class="btn btn-xs btn-primary btn-darkgrey" href="{% url 'digitalglarus:membership_orders_detail' order.id %}">View</a></td>
-                </tr>
-                {% endfor %}
-              </tbody>
-            </table>
+            <div style="overflow-x:auto;">              
+          
+              <table class="table" >
+                <thead>
+                  <tr>
+                    <th>#</th>
+                    <th>Valid Month</th>
+                    <th>Date</th>
+                    <th>Invoice</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {% for order in orders%}
+                  <tr>
+                    <th scope="row">{{order.id}}</th>
+                    <td>{{order.created_at|date:"F"}}</td>
+                    <td>{{order.created_at|date}}</td>
+                    <td><a class="btn btn-xs btn-primary btn-darkgrey" href="{% url 'digitalglarus:membership_orders_detail' order.id %}">View</a></td>
+                  </tr>
+                  {% endfor %}
+                </tbody>
+              </table>
+             </div>
             
             <h2 class="order-head">Billing Adress<a class="btn btn-primary btn-grey btn-edit" href="{% url 'digitalglarus:user_billing_address' %}">Edit</a></h2>
             <h2 class="history-name">

digitalglarus/templates/digitalglarus/membership_payment.html

@@ -113,7 +113,7 @@
                                      <span class="custom-control-description">I accept the Digital Glarus <a data-toggle="modal" data-target="#cancel-subscription-modal" target="_blank">Terms and Conditions</a>, <a href=#>Community Guidelines</a> and <a href=#>Privacy Policy</a></span>
 									 </label>
                                     <div class="row">
-                                      <div class="col-xs-6 col-md-6 col-xs-offset-1 col-md-offset-3">
+                                      <div class="col-xs-12 col-md-6 col-md-offset-3">
                                           <button class="btn btn-primary btn-md btn-blck submit-payment" type="submit">Purchase membership</button>
                                       </div>
                                     </div>

digitalglarus/templates/digitalglarus/membership_pricing.html

@@ -5,7 +5,7 @@
 {% block content %}
 
 <style  type="text/css">
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 768px) { }
 	
 	#cancel-subscription-modal .modal-dialog  {width:900px;}
 </style>

digitalglarus/templates/new_base_glarus.html

@@ -133,7 +133,7 @@
 
     <!-- Navigation -->
     <nav class="navbar navbar-default navbar-fixed-top">
-      <div class="container" style="margin-right: -; margin-left: 0px;margin-right: 0px;">
+      <div class="" style="margin-right: -; margin-left: 0px;margin-right: 0px;">
     <!-- Brand and toggle get grouped for better mobile display -->
     <div class="navbar-header page-scroll">
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">