[ui] responsive

lib/components/dlForm.dart

@@ -12,8 +12,24 @@ class DlForm extends StatelessWidget {
   Widget build(BuildContext context) {
     return ChangeNotifierProvider(
         create: (context) => DlFormState(),
-        child: Form(
+        child: Form(child: LayoutBuilder(
-            child: Column(
+            builder: (BuildContext context, BoxConstraints constraints) {
+          debugPrint('Max width: ${constraints.maxWidth}');
+          if (constraints.maxWidth < 720) {
+            return Column(
+              children: [
+                Row(children: <Widget>[
+                  UrlTextField(),
+                ]),
+                Row(children: <Widget>[
+                  Expanded(flex: 1, child: DropdownFormat()),
+                  Expanded(flex: 1, child: SubmitButton()),
+                ]),
+                DebugDlFormState(),
+              ],
+            );
+          } else {
+            return Column(
               children: [
                 Row(children: <Widget>[
                   UrlTextField(),
@@ -22,7 +38,9 @@ class DlForm extends StatelessWidget {
                 ]),
                 DebugDlFormState(),
               ],
-        )));
+            );
+          }
+        })));
   }
 }
 

lib/screens/home.dart

@@ -19,10 +19,10 @@ class Home extends StatelessWidget {
               Text('home_intro').tr(),
               SizedBox(height: 10),
               Padding(
-                padding: EdgeInsets.symmetric(horizontal: 20), child: DlForm())
+                  padding: EdgeInsets.symmetric(horizontal: 20),
+                  child: DlForm())
             ],
           ),
-      ),
+        ));
-    );
   }
 }