Merge branch 'view-improvement' into 'master'

View improvement

See merge request !12

frontend/app/app.pug

 .most-root.full-width.row.no-padding-xs(sub-header-aware)
   most-mode-indicator
-  .col-md-3.hidden-xs
+  .col-md-3.col-xl-2.hidden-xs
     most-sidebar
-  .col-xs-12.col-md-8.no-padding-xs
+  .col-md-9.col-xs-12.col-xl-10.no-padding-xs
     .ui-view(name="root", noanimation)

frontend/app/proposal/create/most-proposal-create.pug

 sub-header
   most-proposal-create-subheader
 .card
-  .card-body
+  .card-body.p-20
     form(name="form")
       .flex.flex-vertical-centered
         h4 Chọn mẫu

frontend/app/proposal/create/subheader/most-proposal-list-subheader.pug

 extends /modules/subheader/responsive-subheader.pug
 
 block left
-  most-subheader-burger-button.hidden-md
-    i.mdi.mdi-menu
+  group-subheader-back-button
   span.title.ellipsis #{__('Tạo đề xuất')}

frontend/app/proposal/detail/most-proposal-detail.pug

@@ -6,7 +6,7 @@ sub-header
   )
 .card
   .card-body.p-20
-    .row(ng-switch="$ctrl.proposal.type")
+    .form-container(ng-switch="$ctrl.proposal.type")
       most-proposal-form-a1(ng-switch-when="A1", data="$ctrl.proposal.formJson", editMode="false")
       most-proposal-form-a2(ng-switch-when="A2", data="$ctrl.proposal.formJson", editMode="false")
       most-proposal-form-a3(ng-switch-when="A3", data="$ctrl.proposal.formJson", editMode="false")

frontend/app/proposal/detail/subheader/most-proposal-detail-subheader.pug

 extends /modules/subheader/responsive-subheader.pug
 
 block left
-  most-subheader-burger-button.hidden-md
-    i.mdi.mdi-menu
+  most-subheader-back-button
   span.title.ellipsis {{::$ctrl.title}}
 
 block right

frontend/app/proposal/form/a1/most-proposal-form-a1.pug

-ng-form(name="form")
+ng-form.most-proposal-form(name="form")
   .row
     .col-md-12
       esn-form-group(label=__('Tên Đề tài/Đề án'))

frontend/app/proposal/form/a2/most-proposal-form-a2.pug

-ng-form(name="form")
+ng-form.most-proposal-form(name="form")
   .row
     .col-md-12
       esn-form-group(label=__('Tên dự án'))

frontend/app/proposal/form/a3/most-proposal-form-a3.pug

-ng-form(name="form")
+ng-form.most-proposal-form(name="form")
   .row
     .col-md-12
       esn-form-group(label=__('Tên Đề tài/Đề án'))

frontend/app/proposal/form/form.less

+.most-proposal-form {
+  padding: 20px;
+}

frontend/app/proposal/list/item/most-proposal-list-item.pug

-.row
+.row.clickable(ui-sref="most.proposal.detail({proposalId: $ctrl.proposal.id})")
   .col-xs-6
-    h5.ellipsis.clickable(
-      title="{{::$ctrl.proposal.formJson.title}}",
-      ui-sref="most.proposal.detail({proposalId: $ctrl.proposal.id})"
+    h5.ellipsis(
+      title="{{::$ctrl.proposal.formJson.title}}"
     ) {{::$ctrl.proposal.formJson.title}}
   .col-xs-1
     span.ellipsis(title="{{::$ctrl.proposal.type}}") {{::$ctrl.proposal.type}}

frontend/app/proposal/most-proposal.less

 @import './create/most-proposal-create';
 @import './list/item/most-proposal-list-item';
+@import './form/form';

frontend/app/subheader/most-subheader-back-button.component.js

+(function(angular) {
+  'use strict';
+
+  angular.module('linagora.esn.most')
+
+  .component('mostSubheaderBackButton', {
+    templateUrl: '/linagora.esn.most/app/subheader/most-subheader-back-button.html'
+  });
+})(angular);

frontend/app/subheader/most-subheader-back-button.pug

+button.btn.btn-link.hidden-xs(href='', esn-back-button='most.proposal')
+  .flex-vertical-centered
+    i.mdi.mdi-arrow-left.mdi-margin-right
+    span #{__('Back')}
+button.btn.btn-link.btn-icon.visible-xs(href='', esn-back-button='most.proposal')
+  i.mdi.mdi-arrow-left