From 661f5c0f5ba5a8cd164c50092be483d9abde0615 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Mon, 15 Jun 2020 12:59:43 +0200
Subject: [PATCH 1/9] fix: new classes added to project-profile

---
 src/views/circle/page-circle-profile.pug   |  3 ++-
 src/views/project/page-project-profile.pug | 10 +++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/views/circle/page-circle-profile.pug b/src/views/circle/page-circle-profile.pug
index 7f96881..a424df2 100644
--- a/src/views/circle/page-circle-profile.pug
+++ b/src/views/circle/page-circle-profile.pug
@@ -4,7 +4,8 @@ sib-router(default-route='circle-profile', hidden)
 
 #circle-profile(hidden)
   include ../../templates/hubl-circle-team.pug
-  .content-box__info
+  
+  .content-box__info.flex
 
     .flex.space-between.with-padding.mobile-vertical-align
       sib-display.mobile-margin__bottom(
diff --git a/src/views/project/page-project-profile.pug b/src/views/project/page-project-profile.pug
index c734a18..e4260c6 100644
--- a/src/views/project/page-project-profile.pug
+++ b/src/views/project/page-project-profile.pug
@@ -21,10 +21,10 @@ sib-router(default-route='project-profile', hidden)
         widget-creationDate='sib-display-date'
       )
       sib-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
-        sib-link(class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='project-edit' bind-resources) Modifier et ajouter un membre
+        sib-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='project-edit' bind-resources) Modifier et ajouter un membre
       
     sib-display(
-        class='position-end'
+        class='flex desktop-button__end'
         bind-resources
         nested-field='members'
         fields='relation'
@@ -39,7 +39,7 @@ sib-router(default-route='project-profile', hidden)
         hubl-inherit-user-id="search-value-user"
     )
 
-    .space-between
+    .flex.space-between
       sib-display(
         bind-resources
         fields='label-captain, captain'
@@ -58,12 +58,12 @@ sib-router(default-route='project-profile', hidden)
 
     h2 Equipe :
 
-    sib-display(
+    sib-display.block(
       bind-resources
       fields='members'
 
-      widget-members='hubl-project-team'
       multiple-members
+      widget-members='hubl-project-team'
     )
 
 

From d70fd6dac8f79bb7410b639f69ec201ae781c552 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Mon, 15 Jun 2020 14:27:49 +0200
Subject: [PATCH 2/9] fix: new classes added to project-edit + fixbug on table
 for project- and circle-edit

---
 src/styles/base/table.scss              | 12 ++-------
 src/views/circle/page-circle-edit.pug   | 12 ++++-----
 src/views/project/page-project-edit.pug | 36 ++++++++++++-------------
 3 files changed, 26 insertions(+), 34 deletions(-)

diff --git a/src/styles/base/table.scss b/src/styles/base/table.scss
index e917128..f32d741 100644
--- a/src/styles/base/table.scss
+++ b/src/styles/base/table.scss
@@ -117,16 +117,8 @@
     width: 70px;
   }
 
-  .w262 {
-    width: 262px;
-  }
-
-  .W152 {
-    width: 152px;
-  }
-
-  .w355 {
-    width: 355px;
+  .w162 {
+    width: 162px;
   }
 
   .hashtag::before {
diff --git a/src/views/circle/page-circle-edit.pug b/src/views/circle/page-circle-edit.pug
index 89e2b8f..82af171 100644
--- a/src/views/circle/page-circle-edit.pug
+++ b/src/views/circle/page-circle-edit.pug
@@ -8,7 +8,7 @@ div.content-box__info
   sib-widget(name='hubl-team-template-edit')
     template
       sib-display.user-thumb.is-spaced(
-        class='w355 cell border cell-with-id-card user-thumb'
+        class='w280 cell border cell-with-id-card user-thumb'
         data-src='${await value.user}'
         fields='account.picture, sup(name, groups), sub(profile.city)'
 
@@ -24,7 +24,7 @@ div.content-box__info
       )
 
       sib-ac-checker(
-        class='W152 cell border'
+        class='w162 cell border'
         permission="acl:Delete"
         data-src="${value['@id']}"
       )
@@ -36,7 +36,7 @@ div.content-box__info
 
       //- Only to show the table grid
       sib-ac-checker(
-        class='W152 cell border'
+        class='w162 cell border'
         no-permission="acl:Delete"
         data-src="${value['@id']}"
       )
@@ -72,7 +72,7 @@ div.content-box__info
       next='circle-information'
     )
 
-  h2 Liste des membres:
+  h2 Liste des membres :
 
   sib-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
     sib-form.block.select-add(
@@ -91,8 +91,8 @@ div.content-box__info
   .table-wrapper
     .table
       div.table-header.grey-color
-        div.w355 Nom
-        div.W152 Accès
+        div.w280 Nom
+        div.w162 Accès
 
       //-class='table-body'
       sib-display(
diff --git a/src/views/project/page-project-edit.pug b/src/views/project/page-project-edit.pug
index afefc88..f5e3ad2 100644
--- a/src/views/project/page-project-edit.pug
+++ b/src/views/project/page-project-edit.pug
@@ -9,20 +9,20 @@ div.content-box__info
   sib-form.form.button-register(
 	  bind-resources
 	
-	  fields='status, block-project__info(customer.name, name), description'
+	  fields='status, line-1(customer.name, name), description'
 
     label-status='Statut du canal*'
     widget-status='hubl-status'
     class-status='form-label is-light is-full-width member-select color'
 
     label-name='Nom du projet*'
-    class-name='form-label is-light is-half-width'
+    class-name='form-label is-light is-half-width input-text-like'
 
 		label-customer.name='Nom du client*'
-    class-customer.name='form-label is-light is-half-width'
+    class-customer.name='form-label is-light is-half-width input-text-like'
 
     label-description='Description du projet'
-    class-description='form-label is-light is-full-width'
+    class-description='form-label is-light is-full-width input-text-like'
     widget-description='sib-form-textarea'
 
     partial=""
@@ -33,7 +33,7 @@ div.content-box__info
 
   h2 Liste des membres :
 
-  sib-form.block.select-add.button-add(
+  sib-form.block.select-add(
     bind-resources 
     nested-field='members'
     fields='user'
@@ -46,18 +46,18 @@ div.content-box__info
     submit-button='Ajouter un membre'
   )
 
-  .table
+  .table-wrapper
+    .table
+      div.table-header.grey-color
+        div.w280 Nom
+        div.w162 Accès
 
-    div.table-header.grey-color
-      div.w66 Nom
-      div.w33 Accès
+      //-class='table-body'
+      sib-display(
+        class='table-body'
+        bind-resources
+        fields='members'
 
-    //-class='table-body'
-    sib-display(
-      class='table-body'
-      bind-resources
-      fields='members'
-
-      multiple-members=''
-      widget-members='hubl-team-template-edit'
-    )
+        multiple-members=''
+        widget-members='hubl-team-template-edit'
+      )

From 54da12c7a3bce1e2b89e40e84c18ecec9454176a Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Mon, 15 Jun 2020 16:06:01 +0200
Subject: [PATCH 3/9] fix: new classes added to admin-project

---
 src/styles/base/table.scss              |   4 +
 src/views/admin/page-admin-projects.pug | 159 ++++++++++++------------
 2 files changed, 84 insertions(+), 79 deletions(-)

diff --git a/src/styles/base/table.scss b/src/styles/base/table.scss
index f32d741..a3c97c3 100644
--- a/src/styles/base/table.scss
+++ b/src/styles/base/table.scss
@@ -113,6 +113,10 @@
     width: 280px;
   }
 
+  .w230 {
+    width: 230px;
+  }
+
   .w70 {
     width: 70px;
   }
diff --git a/src/views/admin/page-admin-projects.pug b/src/views/admin/page-admin-projects.pug
index c263c4e..fc66bf6 100644
--- a/src/views/admin/page-admin-projects.pug
+++ b/src/views/admin/page-admin-projects.pug
@@ -22,106 +22,107 @@
           next='admin-project-create'
         ) Créer un nouveau projet
 
-      .table
-        div.table-header.grey-color
-          div.w25 Nom
-          div.w25 Administrateurs
-          div.w25 Capitaines
-          div.w25 Rejoindre
+      .table-wrapper
+        .table
+          div.table-header.grey-color
+            div.w280 Nom
+            div.w280 Administrateurs
+            div.w280 Capitaines
+            div.w230 Rejoindre
 
-        sib-widget(name="hubl-admin-project-leave-button")
-          template
-            sib-delete(
-              class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
-              data-src="${src}"
-              data-label='Quitter'
-            )
+          sib-widget(name="hubl-admin-project-leave-button")
+            template
+              sib-delete(
+                class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
+                data-src="${src}"
+                data-label='Quitter'
+              )
 
-        sib-widget(name='hubl-project-captain')
-          template
-            sib-display.user-thumb(
-              data-src='${await value}'
-              fields='account.picture, sup(name), sub(username)'
+          sib-widget(name='hubl-project-captain')
+            template
+              sib-display.user-thumb(
+                data-src='${await value}'
+                fields='account.picture, sup(name), sub(username)'
 
-              class-account.picture='user-thumb__picture'
-              class-name='user-thumb__name'
-              class-username='user-thumb__username'
+                class-account.picture='user-thumb__picture'
+                class-name='user-thumb__name'
+                class-username='user-thumb__username'
 
-              widget-account.picture='hubl-user-avatar'
-            )
+                widget-account.picture='hubl-user-avatar'
+              )
 
-        sib-widget(name='hubl-project-admins')
-          template
-            sib-display(
-              data-src='${value}'
-              fields='user'
-              search-fields='is_admin'
-              search-value-is_admin='true'
-              search-widget-is_admin='sib-form-hidden'
-              widget-user='hubl-project-captain'
-            )
+          sib-widget(name='hubl-project-admins')
+            template
+              sib-display(
+                data-src='${value}'
+                fields='user'
+                search-fields='is_admin'
+                search-value-is_admin='true'
+                search-widget-is_admin='sib-form-hidden'
+                widget-user='hubl-project-captain'
+              )
 
-        sib-widget(name='hubl-admin-project-leave-button')
-          template
-            sib-delete(
-              class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
-              data-src="${src}"
-              data-label='Quitter'
-            )
+          sib-widget(name='hubl-admin-project-leave-button')
+            template
+              sib-delete(
+                class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
+                data-src="${src}"
+                data-label='Quitter'
+              )
 
-        sib-display(
-          class='table-body'
+          sib-display(
+            class='table-body'
 
-          bind-user
-          nested-field="projects"
-          fields='project.name, project.members, project.captain, leaveButton'
+            bind-user
+            nested-field="projects"
+            fields='project.name, project.members, project.captain, leaveButton'
 
-          class-project.name='w25 cell border cell-with-name'
-          class-project.members='w25 cell border'
-          class-project.captain='w25 cell border cell-with-id-card'
-          class-leaveButton='w25 cell border cell-with-buttons'
+            class-project.name='w280 cell border cell-with-name'
+            class-project.members='w280 cell border'
+            class-project.captain='w280 cell border cell-with-id-card'
+            class-leaveButton='w230 cell border cell-with-buttons'
 
-          action-leaveButton="joinButton"
-          widget-leaveButton="hubl-admin-project-leave-button"
+            action-leaveButton="joinButton"
+            widget-leaveButton="hubl-admin-project-leave-button"
 
-          widget-project.captain='hubl-project-captain'
-          widget-project.members='hubl-project-admins'
+            widget-project.captain='hubl-project-captain'
+            widget-project.members='hubl-project-admins'
 
-          order-by="project.name"
-        )
+            order-by="project.name"
+          )
 
-        sib-widget(name='hubl-admin-project-join-button')
-          template
-            sib-form.button.text-bold.text-uppercase.reversed.button-primary.bordered.with-icon.icon-arrow-right-circle.flex(
-              data-src='${src}'
-              nested-field="members"
+          sib-widget(name='hubl-admin-project-join-button')
+            template
+              sib-form.button.text-bold.text-uppercase.reversed.button-primary.bordered.with-icon.icon-arrow-right-circle.flex(
+                data-src='${src}'
+                nested-field="members"
 
-              fields='user.username'
-              value-user.username='hubl-workaround-493'
-              widget-user.username='sib-form-hidden'
+                fields='user.username'
+                value-user.username='hubl-workaround-493'
+                widget-user.username='sib-form-hidden'
 
-              submit-button='Rejoindre'
-            )
+                submit-button='Rejoindre'
+              )
 
-        sib-display(
-          class='table-body'
+          sib-display(
+            class='table-body'
 
-          data-src=`${endpoints.projects || endpoints.get.projects}joinable/`
-          fields='name, members, captain, joinButton'
+            data-src=`${endpoints.projects || endpoints.get.projects}joinable/`
+            fields='name, members, captain, joinButton'
 
-          class-name='w25 cell border cell-with-name'
-          class-members='w25 cell border'
-          class-captain='w25 cell border cell-with-id-card'
-          class-joinButton='w25 cell border cell-with-buttons'
+            class-name='w280 cell border cell-with-name'
+            class-members='w280 cell border'
+            class-captain='w280 cell border cell-with-id-card'
+            class-joinButton='w230 cell border cell-with-buttons'
 
-          action-joinButton="joinButton" # Workaround: I need members two times
-          widget-joinButton="hubl-admin-project-join-button"
+            action-joinButton="joinButton" # Workaround: I need members two times
+            widget-joinButton="hubl-admin-project-join-button"
 
-          widget-captain='hubl-project-captain'
-          widget-members='hubl-project-admins'
+            widget-captain='hubl-project-captain'
+            widget-members='hubl-project-admins'
 
-          order-by="name"
-        )
+            order-by="name"
+          )
 
   #admin-project-create(hidden)
     include page-admin-projects-create.pug
\ No newline at end of file

From aafc8654f510a790420d6b723ed0c525555ffc19 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Mon, 15 Jun 2020 17:48:36 +0200
Subject: [PATCH 4/9] fix: circle leave fixed

---
 src/styles/base/table.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/styles/base/table.scss b/src/styles/base/table.scss
index a3c97c3..ae20542 100644
--- a/src/styles/base/table.scss
+++ b/src/styles/base/table.scss
@@ -205,8 +205,9 @@
 
 .circle-leave {
   position: relative;
-  width: 40%;
-  min-width: 40%;
+  width: 164px;
+  margin: 0 auto;
+  min-width: 164px;
 
   &>button {
     height: 29px;

From 985764874a30708a4b93ef3bb1f3656747284aba Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Mon, 15 Jun 2020 19:30:27 +0200
Subject: [PATCH 5/9] fix: new classes added to admin-project (end)

---
 src/styles/base/table.scss              | 1 -
 src/views/admin/page-admin-projects.pug | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/styles/base/table.scss b/src/styles/base/table.scss
index ae20542..2648870 100644
--- a/src/styles/base/table.scss
+++ b/src/styles/base/table.scss
@@ -71,7 +71,6 @@
 /* Styles of the table and its elements */
 
 .table {
-  border-bottom: 1px solid var(--color-table-border);
   border-left: 1px solid var(--color-table-border);
   border-right: 1px solid var(--color-table-border);
 }
diff --git a/src/views/admin/page-admin-projects.pug b/src/views/admin/page-admin-projects.pug
index fc66bf6..9276e6b 100644
--- a/src/views/admin/page-admin-projects.pug
+++ b/src/views/admin/page-admin-projects.pug
@@ -40,7 +40,7 @@
 
           sib-widget(name='hubl-project-captain')
             template
-              sib-display.user-thumb(
+              sib-display.user-thumb.is-spaced(
                 data-src='${await value}'
                 fields='account.picture, sup(name), sub(username)'
 
@@ -53,7 +53,7 @@
 
           sib-widget(name='hubl-project-admins')
             template
-              sib-display(
+              sib-display.user-thumb.is-spaced(
                 data-src='${value}'
                 fields='user'
                 search-fields='is_admin'

From 052e325e15da7aafa6c7891b61997975173dac43 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Mon, 15 Jun 2020 20:12:57 +0200
Subject: [PATCH 6/9] fix: new classes added to admin-project-create

---
 src/views/admin/page-admin-projects-create.pug | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/views/admin/page-admin-projects-create.pug b/src/views/admin/page-admin-projects-create.pug
index ceb7eea..6d829a3 100644
--- a/src/views/admin/page-admin-projects-create.pug
+++ b/src/views/admin/page-admin-projects-create.pug
@@ -12,26 +12,23 @@ div.content-box__info.flex
         naked
       )
 
-  h1 Créer un nouveau projet
+  h1.centered Créer un nouveau projet
 
   sib-form.form.button-register(
     data-src=`${endpoints.projects || endpoints.post.projects}`
     
-    fields='status, line-1(customer.name, name), description, line-10(captain), logo'
+    fields='status, line-1(customer.name, name), description, line-2(captain), logo'
 
     label-status='Statut du canal*'
     widget-status='hubl-status'
-    class-status='form-label is-light is-full-width member-select color'
+    class-status='form-label is-light is-full-width'
 
     label-description='Description du projet'
-    class-description='form-label is-light is-full-width'
+    class-description='form-label is-light is-full-width input-text-like'
     widget-description='sib-form-textarea'
-    
-    class-fieldset-captain='fieldset'
-    widget-fieldset-captain='hubl-template-project-title'
 
 		label-customer.name='Nom du client*'
-    class-customer.name='form-label is-light is-half-width'
+    class-customer.name='form-label is-light is-half-width input-text-like'
 
 		label-name='Nom du projet*'
     class-name='form-label is-light is-half-width input-text-like'
@@ -43,7 +40,7 @@ div.content-box__info.flex
 
     widget-logo="sib-form-file"
     label-logo="Télécharger un logo"
-    class-logo='form-label is-light is-full-width'
+    class-logo='form-label is-light select-add'
     upload-url-logo=`${endpoints.uploads || endpoints.post.uploads}`
 
     next='admin-project-list'

From 4f7635e8d25d3ddf9321a642b1ce100de2339a0a Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Tue, 16 Jun 2020 12:38:09 +0200
Subject: [PATCH 7/9] update: style for sib-form-file added

---
 src/styles/base/form.scss                     | 59 +++++++++++++------
 .../admin/page-admin-projects-create.pug      |  3 +-
 2 files changed, 43 insertions(+), 19 deletions(-)

diff --git a/src/styles/base/form.scss b/src/styles/base/form.scss
index 7d555fc..0f1c7a3 100644
--- a/src/styles/base/form.scss
+++ b/src/styles/base/form.scss
@@ -224,31 +224,54 @@ sib-form-date {
 }
 
 sib-form-file {
+  margin-top: 1.8rem;
+  
+  div {
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
+    justify-content: flex-end;
+  
+    input[type='text'] {
+      margin-bottom: 0.8rem;
+    }
 
-  label {
+    input[type='file'] {
+      height: 0.1px;
+      opacity: 0;
+      overflow: hidden;
+      position: absolute;
+      width: 0.1px;
+      z-index: -1;
+    }
+
+    label {
+      @extend .button,
+      .text-bold,
+      .text-uppercase,
+      .button-primary,
+      .bordered;
+      margin: auto 2.2rem;
+    }
+
+    input[type='file']:focus,
+    label:hover ~ input[type='file'] {
+      background-color: var(--color-secondary);
+    }
+
+    label ~ input[type='file']:focus {
+      outline: 1px dotted #000;
+      outline: -webkit-focus-ring-color auto 5px;
+    }
+
+  /*label {
     align-items: baseline;
     clear: both;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     max-width: 100%;
-
-    div {
-      width: 100%;
-    }
-
-    input[type='text'] {
-      box-sizing: border-box;
-      flex: 0 0 50%;
-    }
-
-    input[type='file'] {
-      box-sizing: border-box;
-      flex: 0 0 20%;
-      color: var(--color-input-text);
-      cursor: pointer;
-      padding-left: 3rem;
-    }
+  }*/
   }
 }
 
diff --git a/src/views/admin/page-admin-projects-create.pug b/src/views/admin/page-admin-projects-create.pug
index 6d829a3..6c01fba 100644
--- a/src/views/admin/page-admin-projects-create.pug
+++ b/src/views/admin/page-admin-projects-create.pug
@@ -38,9 +38,10 @@ div.content-box__info.flex
     class-captain='form-label is-light is-half-width'
     widget-captain='sib-form-auto-completion'
 
+    class='input-text-like'
     widget-logo="sib-form-file"
     label-logo="Télécharger un logo"
-    class-logo='form-label is-light select-add'
+    class-logo='select-add'
     upload-url-logo=`${endpoints.uploads || endpoints.post.uploads}`
 
     next='admin-project-list'

From cf93abcd5c5b837df0a89851ae2180f9eaf0f291 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Tue, 16 Jun 2020 13:02:42 +0200
Subject: [PATCH 8/9] update: style for sib-form-file on mobile

---
 src/styles/base/form.scss | 50 ++++++++++++++++++---------------------
 1 file changed, 23 insertions(+), 27 deletions(-)

diff --git a/src/styles/base/form.scss b/src/styles/base/form.scss
index 0f1c7a3..55c4624 100644
--- a/src/styles/base/form.scss
+++ b/src/styles/base/form.scss
@@ -224,18 +224,18 @@ sib-form-date {
 }
 
 sib-form-file {
-  margin-top: 1.8rem;
   
   div {
     display: flex;
-    flex-direction: row-reverse;
+    flex-direction: column-reverse;
     align-items: center;
-    justify-content: flex-end;
-  
-    input[type='text'] {
-      margin-bottom: 0.8rem;
+    margin-top: 1.8rem;
+    
+    @include breakpoint(lg) {
+      flex-direction: row-reverse;
+      justify-content: flex-end;
     }
-
+  
     input[type='file'] {
       height: 0.1px;
       opacity: 0;
@@ -244,6 +244,15 @@ sib-form-file {
       width: 0.1px;
       z-index: -1;
     }
+      
+    input[type='text'] {
+      margin-bottom: 0.8rem;
+      width: 100%;
+
+      @include breakpoint(lg) {
+        width: auto;
+      }
+    }
 
     label {
       @extend .button,
@@ -251,27 +260,14 @@ sib-form-file {
       .text-uppercase,
       .button-primary,
       .bordered;
-      margin: auto 2.2rem;
+      text-align: center;
+      width: 100%;
+      
+      @include breakpoint(lg) {
+        margin: auto 2.2rem;
+        width: auto;
+      }
     }
-
-    input[type='file']:focus,
-    label:hover ~ input[type='file'] {
-      background-color: var(--color-secondary);
-    }
-
-    label ~ input[type='file']:focus {
-      outline: 1px dotted #000;
-      outline: -webkit-focus-ring-color auto 5px;
-    }
-
-  /*label {
-    align-items: baseline;
-    clear: both;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    max-width: 100%;
-  }*/
   }
 }
 

From c81086350074eb30c890ae72933a24b7becd2271 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Tue, 16 Jun 2020 15:52:10 +0200
Subject: [PATCH 9/9] fix: button register on mobile

---
 src/styles/base/form.scss  | 20 ++++++++++++++++++--
 src/styles/base/table.scss |  5 +++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/styles/base/form.scss b/src/styles/base/form.scss
index 55c4624..8b6ca5d 100644
--- a/src/styles/base/form.scss
+++ b/src/styles/base/form.scss
@@ -18,8 +18,23 @@
   .reversed,
   .button-secondary,
   .bordered;
-  margin-left: auto;
-  margin-top: 3.2rem;
+  height: auto;
+  position: fixed;
+  bottom: 1em;
+  left: 10%;
+  white-space: normal;
+  width: 80%;
+  z-index: 1;
+  
+  @include breakpoint(lg) {
+    height: 3rem;
+    left: 0;
+    margin: 0;
+    margin-left: auto;
+    margin-top: 109px;
+    position: relative;
+    width: auto;
+  }
 }
 
 .form-label {
@@ -78,6 +93,7 @@
 
 textarea {
   height: 100px;
+  resize: vertical;
 }
     
 .content-box {
diff --git a/src/styles/base/table.scss b/src/styles/base/table.scss
index 2648870..95af476 100644
--- a/src/styles/base/table.scss
+++ b/src/styles/base/table.scss
@@ -4,6 +4,11 @@
   overflow: auto;
   position: relative;
   width: 100%;
+  margin-bottom: 6rem;
+
+  @include breakpoint(lg) {
+    margin-bottom: 0;
+  }
 
   .table {
     border-collapse: collapse;