upgrade home style

members_space/static/css/members-space-header.css

@@ -40,8 +40,8 @@
     padding: 1.5rem 1.2rem;
 }
 
-@media screen and (max-width: 768px) {
-    /* When the screen is less than 768 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
+@media screen and (max-width: 992px) {
+    /* When the screen is less than 992 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
     .topnav a:not(:first-child) {display: none;}
     .topnav a.icon {
         float: right;

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

@@ -47,7 +47,7 @@
     gap: 10px;
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 992px) {
     #my_info {
         font-size: 1.7rem;
     }

members_space/static/css/members-space-shifts-exchange.css

@@ -24,7 +24,7 @@
     text-align: center;
     width: 50%;
 }
-@media screen and (max-width:768px) {
+@media screen and (max-width:992px) {
     #suspended_cant_have_delay_content {
         align-items: center;
         text-align: center;
@@ -39,7 +39,7 @@
     justify-content: space-between;
 }
 
-@media screen and (max-width:768px) {
+@media screen and (max-width:992px) {
     #calendar_top_info {
         display: flex;
         flex-direction: column;
@@ -57,7 +57,7 @@
     white-space: nowrap;
 }
 
-@media screen and (max-width:768px) {
+@media screen and (max-width:992px) {
     #partner_shifts_list {
         display: flex;
         flex-direction: column;
@@ -97,7 +97,7 @@
     margin-right: 3px;
 }
 
-@media screen and (max-width:768px) {
+@media screen and (max-width:992px) {
     .select_makeups_message_block {
         display: block;
     }
@@ -114,7 +114,7 @@
     display: none;
 }
 
-@media screen and (max-width:768px) {
+@media screen and (max-width:992px) {
     #calendar {
         display: none;
     }
@@ -169,7 +169,7 @@
     padding: 0 !important;
 }
 
-@media screen and (max-width:768px) {
+@media screen and (max-width:992px) {
     .example-event {
         margin: 2rem auto 0.5rem auto;
     }

members_space/static/css/members-space.css

@@ -13,7 +13,7 @@ body {
     flex-wrap: wrap;
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 992px) {
     .tiles_container {
         flex-direction: column;
     }
@@ -125,12 +125,18 @@ body {
     align-items: center;
     font-size: 2rem;
 }
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 992px) {
     #home_tile_my_info .tile_content {
         font-size: 1.7rem;
     }
 }
 
+@media screen and (max-width: 380px) {
+    #home_tile_my_info .tile_content {
+        font-size: 1.6rem !important;
+    }
+}
+
 #home .member_info {
     font-weight: bold;
 }
@@ -142,21 +148,22 @@ body {
 #member_status_action {
     margin-bottom: 20px;
 }
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 992px) {
     #member_status_action {
+        margin-top: 5px;
         margin-bottom: 10px;
     }
 }
 
 .choose_makeups {
     display: none;
-    font-size: 1.8rem;
+    font-size: 1.5rem;
 }
 
 .unsuscribed_form_link {
     display: none;
     text-decoration: none;
-    font-size: 1.7rem;
+    font-size: 1.5rem;
 }
 .unsuscribed_form_link:hover {
     text-decoration: none;
@@ -176,18 +183,38 @@ body {
     color: #d9534f;
 }
 
+.member_shift_name_area {
+    margin-top: 10px;
+}
+
 .member_shift_name_area,
 .member_coop_number_area {
     margin-bottom: 10px;
 }
 
-@media screen and (max-width: 768px) {
+.member_shift_name_area,
+.member_coop_number_area,
+.member_associated_partner_area {
+    font-size: 1.9rem;
+    line-height: 1.3;
+}
+
+@media screen and (max-width: 380px) {
+    .member_shift_name_area,
+    .member_coop_number_area,
+    .member_associated_partner_area {
+        font-size: 1.6rem;
+    }
+}
+
+@media screen and (max-width: 992px) {
     .member_shift_name_area,
     .member_coop_number_area,
     .member_associated_partner_area {
         display: flex;
         flex-direction: column;
         align-items: center;
+        font-size: 1.7rem;
     }
 }
 
@@ -278,7 +305,7 @@ body {
     }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 992px) {
     #shop_info_content {
         flex-direction: column;
     }