feat: Improved UX for download screen

Signed-off-by: Ashwin Ramakrishnan <[email protected]>
raag-music · Mar 18, 2021 · 651574b · 651574b
1 parent 02f3a5d
commit 651574b
Showing 1 changed file with 20 additions and 21 deletions.
diff --git a/lib/view/download_music.dart b/lib/view/download_music.dart
@@ -190,26 +190,33 @@ class _DownloadMusicState extends State<DownloadMusic> {
                   decoration: InputDecoration(
                     focusedBorder: UnderlineInputBorder(
                         borderSide:
-                        BorderSide(color: Theme
-                            .of(context)
-                            .accentColor)),
+                            BorderSide(color: Theme.of(context).accentColor)),
                     border: UnderlineInputBorder(
                         borderSide:
-                        BorderSide(color: Theme
-                            .of(context)
-                            .accentColor)),
+                            BorderSide(color: Theme.of(context).accentColor)),
                     hintText: pasteYoutube,
-                    hintStyle: Theme
-                        .of(context)
-                        .textTheme
-                        .subtitle1,
-                    fillColor: Theme
-                        .of(context)
-                        .accentColor,
+                    hintStyle: Theme.of(context).textTheme.subtitle1,
+                    fillColor: Theme.of(context).accentColor,
+                  ),
+                ),
+              ),
+              Container(
+                decoration: BoxDecoration(
+                  shape: BoxShape.circle,
+                  color: Theme.of(context).accentColor,
+                ),
+                child: IconButton(
+                  iconSize: 24,
+                  onPressed: () =>
+                      downloadMusic(urlFieldController.text, context),
+                  icon: Icon(
+                    Icons.download_rounded,
+                    color: Theme.of(context).backgroundColor,
                   ),
                 ),
               ),
               IconButton(
+                iconSize: 18,
                 onPressed: () {
                   urlFieldController.clear();
                   FlutterClipboard.paste().then((url) {
@@ -227,14 +234,6 @@ class _DownloadMusicState extends State<DownloadMusic> {
                   color: Theme.of(context).accentColor,
                 ),
               ),
-              IconButton(
-                onPressed: () =>
-                    downloadMusic(urlFieldController.text, context),
-                icon: Icon(
-                  Icons.download_rounded,
-                  color: Theme.of(context).accentColor,
-                ),
-              )
             ],
           ),
           Padding(