historic page and profil page responsive

Sources/justMUSIC/lib/components/historic_component.dart

@@ -34,7 +34,9 @@ class _HistoricComponentState extends State<HistoricComponent> {
             .getHistoryCapsulesMonthWhitIdUser(MyApp.userViewModel.userCurrent.id, widget.month, widget.year),
         builder: (context, snapshot) {
           if (snapshot.hasData) {
-            return Wrap(
+            return Container(
+              constraints: const BoxConstraints( maxWidth: 420),
+              child: Wrap(
                 spacing: 14,
                 runSpacing: 14,
                 children: List.generate(getNumberOfDaysInMonth(widget.year, widget.month), (index) {
@@ -87,6 +89,7 @@ class _HistoricComponentState extends State<HistoricComponent> {
 
                   // Generate widgets
                 }),
+              ),
             );
           } else {
             return CupertinoActivityIndicator();

Sources/justMUSIC/lib/screens/capsule_historic_screen.dart

@@ -77,8 +77,9 @@ class _CapsuleHistoricScreenState extends State<CapsuleHistoricScreen> {
               mainAxisAlignment: MainAxisAlignment.center,
               crossAxisAlignment: CrossAxisAlignment.center,
               children: [
-                Padding(
+                Container(
                   padding: const EdgeInsets.only(top: 80, left: 60, right: 60),
+                  constraints: const BoxConstraints( maxWidth: 450),
                   child: Align(
                     alignment: Alignment.center,
                     child: Row(
@@ -131,7 +132,6 @@ class _CapsuleHistoricScreenState extends State<CapsuleHistoricScreen> {
                       width: double.infinity,
                       child: Container(
                         padding: EdgeInsets.symmetric(horizontal: 15),
-                        constraints: BoxConstraints(maxWidth: 600),
                         child: Column(
                           children: [
                             HistoricComponent(

Sources/justMUSIC/lib/screens/user_screen.dart

@@ -143,10 +143,11 @@ class _UserScreenState extends State<UserScreen> {
             padding: const EdgeInsets.symmetric(horizontal: settingPadding),
             child: Column(
               mainAxisAlignment: MainAxisAlignment.start,
-              crossAxisAlignment: CrossAxisAlignment.start,
+              crossAxisAlignment: CrossAxisAlignment.center,
               children: [
-                Padding(
+                Container(
                   padding: EdgeInsets.only(top: 68.h, bottom: 40),
+                  constraints: const BoxConstraints( maxWidth: 500),
                   child: Stack(
                     alignment: Alignment.center,
                     children: [
@@ -249,7 +250,11 @@ class _UserScreenState extends State<UserScreen> {
                 SizedBox(
                   height: 40,
                 ),
-                RecapComponent(user: widget.user)
+                Container(
+                  constraints: const BoxConstraints( maxWidth: 500),
+                  child: RecapComponent(user: widget.user),
+                )
+
               ],
             ),
           ),