one line product

app/Resources/views/default/login-choices.html.twig

@@ -5,7 +5,7 @@
         <div class="login-choices">
             {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
                 <div class="row">
-                    <div class="col-xs-10">
+                    <div class="col-xs-9">
                         <div id="menu-dashboard">
                             <ul class="nav nav-pills">
                                 <li>
@@ -94,7 +94,7 @@
                             </ul>
                         </div>
                     </div>
-                    <div class="col-xs-2 text-right">
+                    <div class="col-xs-3 text-right">
                         Bonjour
                         <a href="{{ path('fos_user_profile_edit') }}">
 

app/Resources/views/logged/angular/listing-products.html.twig

@@ -9,7 +9,7 @@
             class="product-box"
             ng-class="{ 'btn-primary' : activeItemsSold.indexOf(p.id) !==-1}"
             >
-        <button ng-click="addProduct( p )">
+        <button class="product-button"  ng-click="addProduct( p )">
             <img class="product-image" src="{{p.image}}" alt="image" ng-if="p.image.length">
             <span class="product-name">
              {{ p.name }}
@@ -21,7 +21,7 @@
                  {{ p.stockCount }}
             </span>
         </button>
-         <button ng-if="expressSelling" ng-click="expressSell(p)">
+         <button class="express-button" ng-if="expressSelling" ng-click="expressSell(p)" title="achat express sans compléter les infos du client">
             <i class="fa fa-shopping-cart"></i>
         </button>
     </span>

app/Resources/views/logged/caisse-main.html.twig

@@ -1,7 +1,6 @@
-
-
 {% verbatim %}
-
+<button>tooltip example</button>
+<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
     <div id="not_loaded" ng-if="!initLoadDone">
         <div class="well">
          <i class="fa fa-refresh fa-spin fa-3x"></i> Chargement en cours de vos produits

app/Resources/views/logged/dashboard.html.twig

@@ -26,10 +26,10 @@
                                 Client actuel:
                                 {% verbatim %}
                                 {{ activeSelling.length }} produit<span ng-if="activeSelling.length!=1">s</span>
-                    <div class="input-group">
+                                <div class="input-group pull-right">
-                     <input class="input form-control input-group" type="text" ng-model="sellingComment" placeholder="nom ou commentaire">
+                                 <input class="input form-control pull-right " type="text" ng-model="sellingComment" placeholder="nom ou commentaire">
 
-                        <button type="button" class="btn btn-default input-group-addon" ng-click="sellingComment = ''">
+                                    <button type="button" class="pull-right deleter" ng-click="sellingComment = ''">
                                         <i class="fa fa-times"></i>
                                     </button>
                                     </div>

assets/css/app.scss

@@ -7,5 +7,6 @@
 @import 'pages/global';
 //@import 'pages/demo';
 @import 'pages/home';
+@import 'pages/dashboard';
 @import 'pages/special';
 @import 'pages/responsive';

assets/css/pages/_dashboard.scss

@@ -0,0 +1,37 @@
+#caisse-now {
+  .product-box {
+    display: inline-block;
+    margin-right: 1rem;
+    margin-bottom: 1rem;
+    width: 100%;
+  }
+  .product-button {
+    min-width: 90%;
+  }
+  .listing-products {
+    .btn, button {
+      font-size: 2rem;
+      background: white;
+      padding: 1.5rem;
+      -webkit-border-radius: 1rem;
+      -moz-border-radius: 1rem;
+      border-radius: 1rem;
+      border-color: $all-text-color;
+      box-shadow: 5px 3px 26px 2px #ddd;
+      border-width: 0;
+      &.btn-primary {
+        background-color: $deepblue;
+      }
+      &:hover {
+        background: $lightblue;
+      }
+    }
+    .badge-default {
+      background: $lightblue;
+    }
+    .badge-success {
+      background: mix(green, $lightblue);
+    }
+  }
+
+}

assets/css/pages/global.scss

@@ -2,6 +2,9 @@
 
 body {
   color: $all-text-color;
+  font-family: "Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 1rem;
+  line-height: 2rem;
 }
 
 .navbar-inverse {

assets/js/parts/main.js

@@ -176,4 +176,7 @@ angular
           $scope.fetchProductsFromDB();
       })();
   }]);
-
+console.log('jQuery', jQuery);
+jQuery(function () {
+    $('[data-toggle="tooltip"]').tooltip()
+});