Merge branch 'ticket_1642' into 'evolution_bdm'

ticket_1642 - Resoudre les problèmes de responsivité

See merge request !59

members_space/static/css/members-space-my-info.css

@@ -17,12 +17,28 @@
     padding: 1.5rem 0;
 }
 
+@media screen and (min-width: 351px) and (max-width: 435px) {
+    .my_info_line {
+        font-size:  80%;
+        padding: 2vw 0;
+    }
+}
+
+@media screen and (max-width: 350px) {
+    .my_info_line {
+        font-size:  3.5vw;
+        padding: 2vw 0;
+    }
+}
+
 .my_info_line_left {
     width: 50%;
     text-align: right;
     padding-right: 2rem;
     font-weight: bold;
 }
+
+
 .my_info_line_right {
     width: 50%;
     padding-left: 2rem;
@@ -83,4 +99,4 @@
     #my_info .member_shift_name_area {
         align-items: flex-start;
     }   
-}
\ No newline at end of file
+}

members_space/static/css/members-space.css

@@ -6,6 +6,12 @@ body {
     margin: 35px 0 30px 0;
 }
 
+@media screen and (max-width: 435px) {
+    .page_title {
+    margin: 4vw 0 3vw 0;
+    }
+}
+
 /* -- Tiles */
 
 .tiles_container {
@@ -150,6 +156,7 @@ body {
 }
 
 #member_status_action {
+    display: flex;
     margin-bottom: 20px;
 }
 @media screen and (max-width: 992px) {
@@ -167,13 +174,22 @@ body {
 .unsuscribed_form_link {
     display: none;
     text-decoration: none;
-    font-size: 1.5rem;
+    font-size: 1.7rem;
+    word-break: normal;
 }
+
 .unsuscribed_form_link:hover {
     text-decoration: none;
 
 }
 
+@media (max-width: 435px) {
+    .unsuscribed_form_link {
+        font-size:  90%;
+        line-height:  7vw;
+    }
+}
+
 .member_status_up_to_date,
 .member_status_exempted {
     color: #5cb85c;
@@ -331,4 +347,4 @@ body {
     .shop_message_content {
         width: 90%;
     }
-}
\ No newline at end of file
+}