responsive added

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

@@ -16,12 +16,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;
@@ -34,6 +50,7 @@
 #my_info .member_coop_number_area {
     margin-bottom: 0;
 }
+}
 
 #attached_info {
     display: flex;
@@ -83,4 +100,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 {
@@ -145,15 +151,22 @@ body {
 }
 
 .unsuscribed_form_link {
-    display: none;
     text-decoration: none;
     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;
@@ -290,4 +303,4 @@ body {
     .shop_message_content {
         width: 90%;
     }
-}
\ No newline at end of file
+}