calendar page ui redesign

lib/pages/calendar.dart

@@ -46,22 +46,58 @@ class _CalendarScreenState extends State<CalendarScreen> {
     return Scaffold(
       body: _selectedDateRange == null
           ? const Padding(
-              padding: EdgeInsets.all(30),
+              padding: EdgeInsets.all(16),
               child: Center(
                 child:
                     Text('Select the date range by using the calendar button'),
               ),
             )
           : Padding(
-              padding: const EdgeInsets.all(30),
+              padding: const EdgeInsets.all(16),
-              child: Center(
+              child: Column(children: [
+                Card(
+                    child: Padding(
+                        padding: const EdgeInsets.all(16),
+                        child: SizedBox(
+                          width: double.infinity,
                           child: Column(
+                            mainAxisSize: MainAxisSize.min,
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
-                    const Text("Dates",
+                              const Text("Difference",
                                   style: TextStyle(
-                            fontSize: 30, fontWeight: FontWeight.bold)),
+                                    fontSize: 40,
-                    const Text("Start Date", style: TextStyle(fontSize: 14)),
+                                  )),
+                              const Text("Date Range",
+                                  style: TextStyle(fontSize: 14)),
+                              Text(
+                                  "${diffYMD[3]} days \n${diffYMD[2]} weeks \n${diffYMD[1]} months\n${diffYMD[0]} years",
+                                  style: const TextStyle(
+                                      fontSize: 24,
+                                      fontWeight: FontWeight.bold)),
+                              const SizedBox(height: 10),
+                              const Text("Date Range in days",
+                                  style: TextStyle(fontSize: 14)),
+                              Text("$diffD days",
+                                  style: const TextStyle(
+                                      fontSize: 24,
+                                      fontWeight: FontWeight.bold)),
+                            ],
+                          ),
+                        ))),
+                const SizedBox(height: 16),
+                Card(
+                  child: Padding(
+                    padding: const EdgeInsets.all(16),
+                    child: SizedBox(
+                        width: double.infinity,
+                        child: Column(
+                          mainAxisSize: MainAxisSize.min,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            const Text("Dates", style: TextStyle(fontSize: 40)),
+                            const Text("Start Date",
+                                style: TextStyle(fontSize: 14)),
                             const SizedBox(height: 5),
                             Text(
                               startDateString,
@@ -69,30 +105,17 @@ class _CalendarScreenState extends State<CalendarScreen> {
                                   fontSize: 22, fontWeight: FontWeight.bold),
                             ),
                             const SizedBox(height: 10),
-                    const Text("End Date", style: TextStyle(fontSize: 14)),
+                            const Text("End Date",
+                                style: TextStyle(fontSize: 14)),
                             const SizedBox(height: 5),
                             Text(endDateString,
                                 style: const TextStyle(
                                     fontSize: 22, fontWeight: FontWeight.bold)),
-                    const SizedBox(height: 20),
-                    const Text("Difference",
-                        style: TextStyle(
-                            fontSize: 30, fontWeight: FontWeight.bold)),
-                    const Text("Date Range", style: TextStyle(fontSize: 14)),
-                    Text(
-                        "${diffYMD[3]} days \n${diffYMD[2]} weeks \n${diffYMD[1]} months\n${diffYMD[0]} years",
-                        style: const TextStyle(
-                            fontSize: 24, fontWeight: FontWeight.bold)),
-                    const SizedBox(height: 10),
-                    const Text("Date Range in days",
-                        style: TextStyle(fontSize: 14)),
-                    Text("$diffD days",
-                        style: const TextStyle(
-                            fontSize: 24, fontWeight: FontWeight.bold)),
                           ],
+                        )),
                   ),
-              ),
+                )
-            ),
+              ])),
       // This button is used to show the date range picker
       floatingActionButton: FloatingActionButton(
         onPressed: showRangeDialog,

lib/widgets/dialogs/community.dart

@@ -39,7 +39,8 @@ Future<void> communityDialogBuilder(BuildContext context) {
           SimpleDialogOption(
             onPressed: () async {
               await launchUrl(
-                  Uri.parse('matrix.to/#/#datecalc:matrix.winscloud.net'),
+                  Uri.parse(
+                      'https://matrix.to/#/#datecalc:matrix.winscloud.net'),
                   mode: LaunchMode.externalApplication);
             },
             child: Row(

linux/net.winscloud.DateCalculator.appdata.xml

@@ -40,6 +40,10 @@
       <image>https://raw.githubusercontent.com/AtiusAmy/atiusamy.github.io/master/images/2020-07-12_17.29.36.png</image>
     </screenshot>
   </screenshots>
+  <branding>
+    <color type="primary" scheme_preference="light">#6f6385</color>
+    <color type="primary" scheme_preference="dark">#130b22</color>
+  </branding>
   <content_rating type="oars-1.0"/>
   <releases>
     <release version="0.0.7" date="2024-03-03">