https://github.com/tracim/tracim/issues/786, fix the mediaqueries of dashboard

frontend/src/component/Dashboard/ContentTypeBtn.styl

@@ -4,7 +4,7 @@
   display flex
   flex-direction column
   justify-content center
-  margin 15px
+  margin 15px 15px 0 0
   border-radius 10px
   padding 15px
   width 230px
@@ -12,7 +12,3 @@
   box-shadow shadow-all
   text-align center
   cursor pointer
-  &:nth-child(1)
-    margin-left 0
-  &:nth-last-child
-    margin-right 0

frontend/src/component/Dashboard/MemberList.styl

@@ -138,14 +138,30 @@
         padding 8px 30px
         cursor pointer
 
-@media (min-width min-sm) and (max-width: max-lg)
+/***** MEDIAQUERIES *****/
+
+/*** MEDIA 992px and 1199px ***/
+
+@media (min-width: min-lg) and (max-width: max-lg)
+
   .memberlist
     width 50%
 
+/*** MEDIA 768px and 991px ***/
+
+@media (min-width: min-md) and (max-width: max-md)
+
+  .memberlist
+    width 50%
+
+/*** MEDIA 576px and 767px ***/
+
 @media (min-width: min-sm) and (max-width: max-sm)
   .memberlist
     margin 50px 0
-    width 90%
+    width 100%
+
+/*** MEDIA 575px ***/
 
 @media (max-width: max-xs)
   .memberlist

frontend/src/component/Dashboard/RecentActivity.styl

@@ -43,22 +43,38 @@
       padding 10px 25px
       cursor pointer
 
-@media (min-width min-sm) and (max-width: max-lg)
+
+/**** MEDIAQUERIES ****/
+
+/**** MEDIA 992px and 1199px ****/
+
+@media (min-width min-lg) and (max-width: max-lg)
   .activity
+    margin-right 0
     width 100%
 
+/**** MEDIA 768px and 991px ****/
+
 @media (min-width: min-md) and (max-width: max-md)
   .activity
-    margin 25px 15px 25px 0
+    margin 25px 0 25px 0
+    width 100%
+
+/**** MEDIA 576px and 767px ****/
 
 @media (min-width: min-sm) and (max-width: max-sm)
   .activity
-    margin 25px 15px 25px 0
+    margin 25px 0 25px 0
+    width 100%
+
+/**** MEDIA 575px ****/
 
 @media (max-width: max-xs)
   .activity
     margin 25px 0
     width 100%
+    &__wrapper
+      margin-top 45px
     &__header
       display block
       height auto

frontend/src/component/Dashboard/UserStatus.styl

@@ -28,3 +28,40 @@
         padding 0
         &__item
           padding 10px
+
+/**** MEDIAQUERIES ****/
+
+/**** MEDIA 992px & 1199px ****/
+
+@media (min-width: min-lg) and (max-width: max-lg)
+
+  .userstatus
+    width 100%
+    &__role
+      display flex
+
+/**** MEDIA 768px & 991px ****/
+
+@media (min-width: min-md) and (max-width: max-md)
+
+  .userstatus
+    width 100%
+    &__role
+      display flex
+
+/**** MEDIA 576px & 767px ****/
+
+@media (min-width: min-sm) and (max-width: max-sm)
+
+  .userstatus
+    width 100%
+    &__role
+      display flex
+
+/**** MEDIA 575px ****/
+
+@media (max-width: max-xs)
+
+  .userstatus
+    width 100%
+

frontend/src/css/Dashboard.styl

@@ -60,36 +60,46 @@ flexwrap()
     &__calltoaction
       justify-content center
 
+
+/**** MEDIAQUERIES ****/
+
 /**** MEDIA 992px & 1199px ****/
 
 @media (min-width: min-lg) and (max-width: max-lg)
 
   .dashboard
-    margin-left 15px
+    &__workspace
+      width 100%
+
+/**** MEDIA 768px & 991px ****/
+
+@media (min-width: min-md) and (max-width: max-md)
+
+  .dashboard
+    &__workspace
+      width 100%
 
 /**** MEDIA 576px & 767px ****/
 
 @media (min-width: min-sm) and (max-width: max-sm)
 
   .dashboard
-    &__activity
-      margin 25px 15px 25px 0
+    &__workspace
+      width 100%
 
 /**** MEDIA 575px ****/
 
 @media (max-width: max-xs)
 
   .dashboard
-    margin-left 0
-    &__title
-      margin-left 10px
+    &__header
+      &__advancedmode
+        margin 25px 15px
     &__workspace
-      margin-left 10px
-      width auto
-    &__userstatut
-      margin-left 10px
-      width auto
+      width 100%
     &__calltoaction
+      flex-direction column
+      align-items center
       justify-content center
       &__button
-        margin 10px
+        margin 20px 0