Revert "Made elements on component screen stay compact on wider screen (#1258)" (#1266)

This reverts commit a9eaf1a733.

material_3_demo/lib/component_screen.dart

@@ -11,10 +11,6 @@ class ComponentScreen extends StatelessWidget {
     return Expanded(
       child: Padding(
         padding: const EdgeInsets.symmetric(horizontal: 10),
-        child: Align(
-          alignment: Alignment.topCenter,
-          child: SizedBox(
-            width: _maxWidthConstraint,
         child: ListView(
           shrinkWrap: true,
           children: [
@@ -37,8 +33,6 @@ class ComponentScreen extends StatelessWidget {
           ],
         ),
       ),
-        ),
-      ),
     );
   }
 }
@@ -46,7 +40,6 @@ class ComponentScreen extends StatelessWidget {
 const _rowDivider = SizedBox(width: 10);
 const _colDivider = SizedBox(height: 10);
 const double _cardWidth = 115;
-const double _maxWidthConstraint = 400;
 
 void Function()? handlePressed(
     BuildContext context, bool isDisabled, String buttonName) {
@@ -262,7 +255,8 @@ class Cards extends StatelessWidget {
                       alignment: Alignment.topRight,
                       child: Icon(Icons.more_vert),
                     ),
-                    SizedBox(height: 35),
+                    _colDivider,
+                    _colDivider,
                     Align(
                       alignment: Alignment.bottomLeft,
                       child: Text("Elevated"),
@@ -285,7 +279,8 @@ class Cards extends StatelessWidget {
                       alignment: Alignment.topRight,
                       child: Icon(Icons.more_vert),
                     ),
-                    SizedBox(height: 35),
+                    _colDivider,
+                    _colDivider,
                     Align(
                       alignment: Alignment.bottomLeft,
                       child: Text("Filled"),
@@ -313,7 +308,8 @@ class Cards extends StatelessWidget {
                       alignment: Alignment.topRight,
                       child: Icon(Icons.more_vert),
                     ),
-                    SizedBox(height: 35),
+                    _colDivider,
+                    _colDivider,
                     Align(
                       alignment: Alignment.bottomLeft,
                       child: Text("Outlined"),

material_3_demo/lib/main.dart

@@ -187,7 +187,7 @@ class _Material3DemoState extends State<Material3Demo> {
                         selectedIndex: screenIndex)),
                 const VerticalDivider(thickness: 1, width: 1),
                 createScreenFor(screenIndex, true),
-              ],),
+              ]),
             ),
           );
         }