#0000105 Debug alert size to be displayed on mobile

Author: pchampclos

app/client/admin/compass/sass/elements/_bootsrap_overwrite_class.scss

@@ -48,6 +48,8 @@
   position:fixed;
   bottom: 30px;
   z-index:100;
+  width: 100%;
+  
   .alert{
     position:relative;
     @include single-transition(all, 0.4s);
@@ -101,4 +103,8 @@
       }
     }
   }  
+}
+
+code{
+  word-break: break-word;
 }

app/client/admin/views/root.html

@@ -33,7 +33,7 @@
         </div>
 
         <!-- Logo -->
-        <a class="navbar-brand" href="./" ng-click="closeResponsiveMenu();">
+        <a class="navbar-brand" href="/be" ng-click="closeResponsiveMenu();">
           <img alt="OpenVeo" src="images/logo-white.png">
         </a>
         <!-- /logo -->
@@ -83,11 +83,13 @@
       </div>
       <div id="page-content-wrapper" ng-class="{'login':!displayMainMenu}">
         <div ng-if="!isResponsiveMenuClosed" class='close-listener' ng-click="swiping ? ( swiping = false ) : closeResponsiveMenu()" ng-swipe-disable-mouse ng-swipe-left="swiping=true;closeResponsiveMenu()"></div>
+        <div class="alert-container">
+          <div class="container">
+              <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="alert.close()"><span ng-bind-html="alert.msg"></span></alert>
+          </div>
+        </div>
         <div class="container">
           <div id="{{displayMainMenu?'content':''}}" ng-class="{'login-screen':!displayMainMenu}">
-            <div class="alert-container">
-              <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="alert.close()"><span ng-bind-html="alert.msg"></span></alert>
-            </div>
             <div ng-view ng-cloak ng-class="[{'vertical-center-row': verticalAlign}]" class="view  {{newAnimation}}"></div>
           </div>
         </div>