Client - fix sport preferences display

2021-11-13 15:25:12 +01:00
parent ed0b3863be
commit 89d7a9f752
9 changed files with 19 additions and 15 deletions
--- a/fittrackee_client/src/components/User/UserSportPreferences.vue
+++ b/fittrackee_client/src/components/User/UserSportPreferences.vue
@ -299,11 +299,9 @@
    }

    @media screen and (max-width: $small-limit) {
-      .sport-label {
-        width: 100%;
-      }
+      .sport-label,
      .action-buttons {
-        width: 100%;
+        width: 45%;
      }
      .edition-buttons {
        justify-content: center;
@ -313,5 +311,11 @@
        margin: $default-margin * 2 0 $default-margin;
      }
    }
+    @media screen and (max-width: $x-small-limit) {
+      .sport-label,
+      .action-buttons {
+        width: 100%;
+      }
+    }
  }
 </style>