Playing with corner radius

lib/ui/collections/collection_item_widget.dart

@@ -30,7 +30,7 @@ class CollectionItem extends StatelessWidget {
           Stack(
             children: [
               ClipRRect(
-                borderRadius: BorderRadius.circular(4),
+                borderRadius: BorderRadius.circular(1),
                 child: SizedBox(
                   height: sideOfThumbnail,
                   width: sideOfThumbnail,
@@ -52,6 +52,7 @@ class CollectionItem extends StatelessWidget {
           Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
+              const SizedBox(height: 2),
               Text(
                 c.collection.name ?? "Unnamed",
                 style: enteTextTheme.small,

lib/ui/collections/device_folder_icon_widget.dart

@@ -1,6 +1,7 @@
 // @dart=2.9
 
 import 'package:flutter/material.dart';
+import 'package:photos/ente_theme_data.dart';
 import 'package:photos/models/device_collection.dart';
 import 'package:photos/ui/viewer/file/file_icons_widget.dart';
 import 'package:photos/ui/viewer/file/thumbnail_widget.dart';
@@ -27,7 +28,7 @@ class DeviceFolderIcon extends StatelessWidget {
             crossAxisAlignment: CrossAxisAlignment.start,
             children: <Widget>[
               ClipRRect(
-                borderRadius: BorderRadius.circular(4),
+                borderRadius: BorderRadius.circular(1),
                 child: SizedBox(
                   height: 120,
                   width: 120,
@@ -52,17 +53,14 @@ class DeviceFolderIcon extends StatelessWidget {
                   ),
                 ),
               ),
-              Padding(
-                padding: const EdgeInsets.only(top: 10),
-                child: Text(
-                  deviceCollection.name,
-                  textAlign: TextAlign.left,
-                  style: Theme.of(context)
-                      .textTheme
-                      .subtitle1
-                      .copyWith(fontSize: 12),
-                  overflow: TextOverflow.ellipsis,
-                ),
+              const SizedBox(
+                height: 2,
+              ),
+              Text(
+                deviceCollection.name,
+                textAlign: TextAlign.left,
+                style: Theme.of(context).colorScheme.enteTheme.textTheme.small,
+                overflow: TextOverflow.ellipsis,
               ),
             ],
           ),

lib/ui/collections/remote_collections_grid_view_widget.dart

@@ -56,7 +56,7 @@ class RemoteCollectionsGridViewWidget extends StatelessWidget {
         // To include the + button
         gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
           crossAxisCount: albumsCountInOneRow,
-          mainAxisSpacing: 6,
+          mainAxisSpacing: 14,
           crossAxisSpacing: gapBetweenAlbums,
           childAspectRatio: sideOfThumbnail / (sideOfThumbnail + 50),
         ), //24 is height of album title

lib/ui/shared_collections_gallery.dart

@@ -288,7 +288,7 @@ class OutgoingCollectionItem extends StatelessWidget {
         child: Row(
           children: <Widget>[
             ClipRRect(
-              borderRadius: BorderRadius.circular(3),
+              borderRadius: BorderRadius.circular(1),
               child: SizedBox(
                 height: 60,
                 width: 60,
@@ -377,7 +377,7 @@ class IncomingCollectionItem extends StatelessWidget {
         crossAxisAlignment: CrossAxisAlignment.start,
         children: <Widget>[
           ClipRRect(
-            borderRadius: BorderRadius.circular(4),
+            borderRadius: BorderRadius.circular(1),
             child: SizedBox(
               height: sideOfThumbnail,
               width: sideOfThumbnail,