display only one phone area with existing content

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

@@ -47,6 +47,12 @@
     margin: 2rem 0;
 }
 
+.member_phone_area {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
 @media screen and (max-width: 768px) {
     #my_info {
         font-size: 1.7rem;

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

@@ -22,17 +22,22 @@ function init_my_info() {
         $(".member_address_line").hide();
     }
 
-    if (partner_data.mobile !== "") {
+    
+    if (partner_data.mobile !== "" && partner_data.mobile !== false && partner_data.mobile !== null) {
         $(".member_mobile")
             .append(partner_data.mobile);
     } else {
-        $(".member_mobile_line").hide();
+        $(".member_mobile").hide();
     }
-
-    if (partner_data.phone !== "") {
+    
+    if (partner_data.phone !== "" && partner_data.phone !== false && partner_data.phone !== null) {
         $(".member_phone")
-            .append(partner_data.phone);
+        .append(partner_data.phone);
     } else {
+        $(".member_phone").hide();
+    }
+
+    if ($(".member_mobile").text() === "" && $(".member_phone").text() === "") {
         $(".member_phone_line").hide();
     }
 }
\ No newline at end of file

templates/members_space/my_info.html

@@ -58,20 +58,13 @@
                         <span class="member_address member_info"></span>
                     </div>
                 </div>
-                <div class="my_info_line member_mobile_line">
-                    <div class="my_info_line_left">
-                        Téléphone mobile
-                    </div>
-                    <div class="my_info_line_right member_mobile_area">
-                        <span class="member_mobile member_info"></span>
-                    </div>
-                </div>
                 <div class="my_info_line member_phone_line">
                     <div class="my_info_line_left">
-                        Téléphone fixe
+                        Téléphone
                     </div>
                     <div class="my_info_line_right member_phone_area">
                         <span class="member_phone member_info"></span>
+                        <span class="member_mobile member_info"></span>
                     </div>
                 </div>
             </div>