Merge pull request 'Navbar Position fix' (#21) from enhancement/18-navbar-alignment into development

Reviewed-on: #21
Reviewed-by: mathiskir <mathis.kirchner.mk@gmail.com>
Reviewed-by: Felix Kirchner <felix.kirchner.fk@gmail.com>

lib/presentation/views/main_menu/custom_navigation_bar.dart

@@ -70,12 +70,14 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
       backgroundColor: CustomTheme.backgroundColor,
       body: tabs[currentIndex],
       extendBody: true,
-      bottomNavigationBar: Padding(
+      bottomNavigationBar: SafeArea(
-        padding: const EdgeInsets.only(left: 12.0, right: 12.0, bottom: 8.0),
+        minimum: const EdgeInsets.only(bottom: 30),
-        child: Material(
+        child: Container(
-          elevation: 10,
+          margin: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 10),
-          borderRadius: BorderRadius.circular(24),
+          decoration: BoxDecoration(
-          color: CustomTheme.primaryColor,
+            borderRadius: BorderRadius.circular(24),
+            color: CustomTheme.primaryColor,
+          ),
           child: ClipRRect(
             borderRadius: BorderRadius.circular(24),
             child: SizedBox(

lib/presentation/views/main_menu/groups_view.dart

@@ -103,7 +103,7 @@ class _GroupsViewState extends State<GroupsView> {
           ),
 
           Positioned(
-            bottom: 80,
+            bottom: MediaQuery.paddingOf(context).bottom,
             child: CustomWidthButton(
               text: 'Create Group',
               sizeRelativeToWidth: 0.90,