fix responsive design - refs BT#12282

app/Resources/public/css/base.css

@@ -481,7 +481,9 @@ header{
 }
 .actions a{
     text-decoration: none;
-    margin-right: 10px;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    display: inline-block;
 }
 .actions a:hover{
     text-decoration: none;
@@ -6143,6 +6145,12 @@ ul#toolnavbox-two li a.btn{
   .navbar-nav{
     margin: -2.5px -15px;
   }
+  .btn{
+      font-size: 12px;
+  }
+  .btn-toolbar{
+        margin-left: 10px;
+    }
 }
 @media (min-width:320px) and (max-width: 479px){
     footer {
@@ -6175,6 +6183,24 @@ ul#toolnavbox-two li a.btn{
     .installer{
         display: inline-table;
     }
+    .actions a{
+        text-decoration: none;
+        margin-right: 5px;
+        margin-bottom: 5px;
+        display: inline-block;
+    }
+    .btn{
+        font-size: 12px;
+    }
+    .notification-panel{
+        display: none;
+    }
+    .btn-toolbar{
+        margin-left: 10px;
+    }
+    .btn-group{
+        margin-bottom: 10px;
+    }
 }
 
 

app/Resources/public/css/themes/rainbow/default.css

@@ -607,6 +607,9 @@ legend{
 .sticky-footer {
     padding-bottom: 0;
 }
+.navbar-brand{
+    display: none;
+}
 /* Large desktop */
 @media (min-width: 1200px) {
 
@@ -691,10 +694,28 @@ legend{
     .grid-courses .col-xs-12{
         width: 48%;
     }
+    .statistics .items{
+        margin-left: 0;
+    }
+    .statistics .items li h2{
+        padding: 0;
+        margin: 0;
+        font-size: 25px;
+        text-align: center;
+        display: inline-block;
+    }
+    .statistics .items li{
+        display: inline-block;
+        width: 100%;
+        text-align: center;
+    }
 }
 
 /* Landscape phones and down */
 @media (max-width: 480px) {
+    .header-logo-top{
+        display: none;
+    }
     #user_image_block{
         display: none;
     }
@@ -808,6 +829,26 @@ legend{
     .pull-right {
 	float: left !important;
     }
+    .navbar-brand{
+        display: block;
+    }
+    .statistics .items li h2{
+        padding: 0;
+        margin: 0;
+        font-size: 25px;
+        text-align: center;
+        display: inline-block;
+    }
+    .statistics .icon-color.fa-4x{
+        font-size: 3em;
+    }
+    .statistics .items li{
+        display: inline-block;
+        width: 100%;
+    }
+    .statistics .text{
+        font-size: 12px;
+    }
 }
 
 .question-result .dl-horizontal {

main/template/rainbow/layout/main_header.tpl

@@ -51,7 +51,7 @@
     
         <header>
             <div class="extra-header">{{ header_extra_content }}</div>
-            <section id="main" class="container">
+            <section id="main" class="container header-logo-top">
                 {% if plugin_header_main %}
                 <div class="row">
                     <div class="col-lg-12">

main/template/rainbow/layout/menu.tpl

@@ -8,6 +8,9 @@
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
+            <a class="navbar-brand" href="{{ _p.web }}">
+               {{ _s.site_name }}
+            </a>
         </div>
         <!-- Collect the nav links, forms, and other content for toggling -->
         <div class="collapse navbar-collapse" id="menuone">