diff --git a/CHANGELOG.md b/CHANGELOG.md
index 70a6b3e28..c4c4b6ad6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -49,6 +49,7 @@
 - Fix a bug: in SSO configuration some valid endpoints were recognized as erroneous 
 - Fix a bug: clicking on the text in stripe's payment modal, does not validate the checkbox
 - Fix a bug: move event reservation is not limited by admin settings (prior-delay & disable)
+- Fix a bug: UI issues on small devices (dashboard + admin views)
 - [TODO DEPLOY] `rake fablab:es_build_availabilities_index`
 - [TODO DEPLOY] `rake fablab:es_add_event_filters`
 - [TODO DEPLOY] `rake db:migrate`
diff --git a/app/assets/stylesheets/app.layout.scss b/app/assets/stylesheets/app.layout.scss
index 069e748f4..bd693d343 100644
--- a/app/assets/stylesheets/app.layout.scss
+++ b/app/assets/stylesheets/app.layout.scss
@@ -88,7 +88,7 @@
     color: black;
   }
 	.heading-title {
-		overflow: hidden;
+		//overflow: hidden;
 		height: 94px;
 		h1 {
 		  margin: 0 0 0 15px;
diff --git a/app/assets/stylesheets/app.utilities.scss b/app/assets/stylesheets/app.utilities.scss
index eb25758e0..b9b692522 100644
--- a/app/assets/stylesheets/app.utilities.scss
+++ b/app/assets/stylesheets/app.utilities.scss
@@ -172,6 +172,7 @@ p, .widget p {
 }
 .r-n { border-radius: 0 0 0 0; }
 
+.p-xs { padding: 5px;}
 .p-lg { padding: 30px; }
 .p-l { padding: 16px; }
 
diff --git a/app/assets/templates/admin/coupons/edit.html.erb b/app/assets/templates/admin/coupons/edit.html.erb
index 94b56aa69..b391f8dbc 100644
--- a/app/assets/templates/admin/coupons/edit.html.erb
+++ b/app/assets/templates/admin/coupons/edit.html.erb
@@ -5,13 +5,13 @@
         <a href="#" ng-click="backPrevLocation($event)"><i class="fa fa-long-arrow-left "></i></a>
       </section>
     </div>
-    <div class="col-xs-10 col-sm-10 col-md-8 b-l">
+    <div class="col-xs-7 col-sm-7 col-md-8 b-l">
       <section class="heading-title">
-        <h1>{{ 'coupon' | translate }} {{ coupon.name }}</h1>
+        <h1>{{ 'coupon' | translate }} : {{ coupon.name }}</h1>
       </section>
     </div>
 
-    <div class="col-md-3">
+    <div class="col-xs-3 col-md-3">
       <section class="heading-actions wrapper">
         <a class="btn btn-lg btn-block btn-default m-t-xs" ui-sref="app.admin.pricing" translate>{{ 'cancel' }}</a>
       </section>
diff --git a/app/assets/templates/admin/members/members.html.erb b/app/assets/templates/admin/members/members.html.erb
index b2a4d2f58..8da4bf427 100644
--- a/app/assets/templates/admin/members/members.html.erb
+++ b/app/assets/templates/admin/members/members.html.erb
@@ -27,10 +27,10 @@
     <tr>
       <th style="width:15%"><a href="" ng-click="setOrderMember('last_name')">{{ 'surname' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-alpha-asc': member.order=='last_name', 'fa fa-sort-alpha-desc': member.order=='-last_name', 'fa fa-arrows-v': member.order }"></i></a></th>
       <th style="width:15%"><a href="" ng-click="setOrderMember('first_name')">{{ 'first_name' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-alpha-asc': member.order=='first_name', 'fa fa-sort-alpha-desc': member.order=='-first_name', 'fa fa-arrows-v': member.order }"></i></a></th>
-      <th style="width:15%"><a href="" ng-click="setOrderMember('email')">{{ 'email' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-alpha-asc': member.order=='email', 'fa fa-sort-alpha-desc': member.order=='-email', 'fa fa-arrows-v': member.order }"></i></a></th>
-      <th style="width:10%"><a href="" ng-click="setOrderMember('phone')">{{ 'phone' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-numeric-asc': member.order=='phone', 'fa fa-sort-numeric-desc': member.order=='-phone', 'fa fa-arrows-v': member.order }"></i></a></th>
-      <th style="width:20%"><a href="" ng-click="setOrderMember('group')">{{ 'user_type' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-alpha-asc': member.order=='group', 'fa fa-sort-alpha-desc': member.order=='-group', 'fa fa-arrows-v': member.order }"></i></a></th>
-      <th style="width:15%"><a href="" ng-click="setOrderMember('plan')">{{ 'subscription' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-alpha-asc': member.order=='plan', 'fa fa-sort-alpha-desc': member.order=='-plan', 'fa fa-arrows-v': member.order }"></i></a></th>
+      <th style="width:15%" class="hidden-xs"><a href="" ng-click="setOrderMember('email')">{{ 'email' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-alpha-asc': member.order=='email', 'fa fa-sort-alpha-desc': member.order=='-email', 'fa fa-arrows-v': member.order }"></i></a></th>
+      <th style="width:10%" class="hidden-xs hidden-sm hidden-md"><a href="" ng-click="setOrderMember('phone')">{{ 'phone' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-numeric-asc': member.order=='phone', 'fa fa-sort-numeric-desc': member.order=='-phone', 'fa fa-arrows-v': member.order }"></i></a></th>
+      <th style="width:20%" class="hidden-xs hidden-sm"><a href="" ng-click="setOrderMember('group')">{{ 'user_type' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-alpha-asc': member.order=='group', 'fa fa-sort-alpha-desc': member.order=='-group', 'fa fa-arrows-v': member.order }"></i></a></th>
+      <th style="width:15%" class="hidden-xs hidden-sm hidden-md"><a href="" ng-click="setOrderMember('plan')">{{ 'subscription' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-alpha-asc': member.order=='plan', 'fa fa-sort-alpha-desc': member.order=='-plan', 'fa fa-arrows-v': member.order }"></i></a></th>
       <th style="width:10%"></th>
     </tr>
     </thead>
@@ -38,10 +38,10 @@
     <tr ng-repeat="m in members">
       <td class="text-c">{{ m.profile.last_name }}</td>
       <td class="text-c">{{ m.profile.first_name }}</td>
-      <td>{{ m.email }}</td>
-      <td>{{ m.profile.phone }}</td>
-      <td class="text-u-c text-sm">{{ m.group.name }}</td>
-      <td>{{ m.subscribed_plan | humanReadablePlanName }}</td>
+      <td class="hidden-xs">{{ m.email }}</td>
+      <td class="hidden-xs hidden-sm hidden-md">{{ m.profile.phone }}</td>
+      <td class="text-u-c text-sm hidden-xs hidden-sm">{{ m.group.name }}</td>
+      <td class="hidden-xs hidden-sm hidden-md">{{ m.subscribed_plan | humanReadablePlanName }}</td>
       <td>
         <div class="buttons">
           <button class="btn btn-default" ui-sref="app.admin.members_edit({id: m.id})">
diff --git a/app/assets/templates/admin/pricing/subscriptions.html.erb b/app/assets/templates/admin/pricing/subscriptions.html.erb
index 0d8c534c9..792934cb3 100644
--- a/app/assets/templates/admin/pricing/subscriptions.html.erb
+++ b/app/assets/templates/admin/pricing/subscriptions.html.erb
@@ -14,7 +14,7 @@
     <th><a href="" ng-click="setOrderPlans('name')">{{ 'name' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-alpha-asc': orderPlans=='name', 'fa fa-sort-alpha-desc': orderPlans=='-name', 'fa fa-arrows-v': orderPlans }"></i></a></th>
     <th><a href="" ng-click="setOrderPlans('interval')">{{ 'duration' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-amount-asc': orderPlans=='interval', 'fa fa-sort-amount-desc': orderPlans=='-interval', 'fa fa-arrows-v': orderPlans }"></i></a></th>
     <th><a href="" ng-click="setOrderPlans('group_id')">{{ 'group' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-alpha-asc': orderPlans=='group_id', 'fa fa-sort-alpha-desc': orderPlans=='-group_id', 'fa fa-arrows-v': orderPlans }"></i></a></th>
-    <th><a href="" ng-click="setOrderPlans('ui_weight')">{{ 'prominence' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-numeric-asc': orderPlans=='ui_weight', 'fa fa-sort-numeric-desc': orderPlans=='-ui_weight', 'fa fa-arrows-v': orderPlans }"></i></a></th>
+    <th class="hidden-xs"><a href="" ng-click="setOrderPlans('ui_weight')">{{ 'prominence' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-numeric-asc': orderPlans=='ui_weight', 'fa fa-sort-numeric-desc': orderPlans=='-ui_weight', 'fa fa-arrows-v': orderPlans }"></i></a></th>
     <th><a href="" ng-click="setOrderPlans('amount')">{{ 'price' | translate }} <i class="fa fa-arrows-v" ng-class="{'fa fa-sort-numeric-asc': orderPlans=='amount', 'fa fa-sort-numeric-desc': orderPlans=='-amount', 'fa fa-arrows-v': orderPlans }"></i></a></th>
     <th></th>
   </tr>
@@ -25,7 +25,7 @@
     <td>{{plan.base_name}}</td>
     <td>{{ plan.interval | planIntervalFilter:plan.interval_count }}</td>
     <td>{{getGroupFromId(groups, plan.group_id).name}}</td>
-    <td>{{plan.ui_weight}}</td>
+    <td class="hidden-xs">{{plan.ui_weight}}</td>
     <td>{{plan.amount | currency}}</td>
     <td><button type="button" class="btn btn-default" ui-sref="app.admin.plans.edit({id:plan.id})"><i class="fa fa-pencil-square-o"></i></button> <button type="button" class="btn btn-danger" ng-click="deletePlan(plans, plan.id)"><i class="fa fa-trash"></i></button></td>
   </tr>
diff --git a/app/assets/templates/admin/project_elements/licences.html.erb b/app/assets/templates/admin/project_elements/licences.html.erb
index e0a16a221..78c8c82e7 100644
--- a/app/assets/templates/admin/project_elements/licences.html.erb
+++ b/app/assets/templates/admin/project_elements/licences.html.erb
@@ -15,7 +15,7 @@
                     {{ licence.name }}
                   </span>
     </td>
-    <td  class="hidden-xs">
+    <td class="hidden-xs">
                   <span editable-textarea="licence.description" e-rows="5" e-cols="100" e-name="description" e-form="rowform" e-required>
                     <div class="text-sm">{{ licence.description }}</div>
                   </span>
diff --git a/app/assets/templates/admin/statistics/index.html.erb b/app/assets/templates/admin/statistics/index.html.erb
index b6d78f68b..1226f531b 100644
--- a/app/assets/templates/admin/statistics/index.html.erb
+++ b/app/assets/templates/admin/statistics/index.html.erb
@@ -28,7 +28,7 @@
       <uib-tabset justified="true">
         <uib-tab ng-repeat="stat in statistics" heading="{{stat.label}}" select="setActiveTab(stat)" ng-if="stat.table && !(stat.es_type_key == 'subscription' && fablabWithoutPlans)">
           <form id="filters_form" name="filters_form" class="form-inline m-t-md m-b-lg" novalidate="novalidate">
-            <div id="agePickerPane" class="form-group datepicker-container">
+            <div id="agePickerPane" class="form-group datepicker-container" style="z-index:102;">
               <button id="agePickerExpand" class="btn btn-default" type="button" ng-click="agePicker.show = !agePicker.show">
                 <i class="fa fa-birthday-cake"></i>
                 <span ng-show="agePicker.start || agePicker.end">
@@ -69,7 +69,7 @@
                 <select ng-model="type.selected" ng-options="type.label for type in stat.types" class="form-control"> </select>
             </div>
 
-            <div id="customFilterPane" class="form-group datepicker-container m-l-md">
+            <div id="customFilterPane" class="form-group datepicker-container m-l-md" style="z-index:101;">
               <button id="customFilterExpand" class="btn btn-default customMenuButton" type="button" ng-click="customFilter.show = !customFilter.show">
                 <i class="fa fa-filter"></i>
                 <span ng-show="!customFilter.criterion.key" class="text-gray" translate>{{ 'custom_filter' }}</span>
@@ -172,7 +172,7 @@
                 <i class="fa fa-caret-up" ng-show="datePicker.show"></i>
               </button>
               <div class="datepicker-dropdown" ng-show="datePicker.show">
-                <ul class="list-unstyled">
+                <ul class="list-unstyled p-xs">
                   <li class="row">
                     <span class="col-md-4" translate>{{ 'start' }}</span>
                     <div class="input-group black col-md-7 m-r" id="date_pick_start">