Made elements on component screen stay compact on wider screen, take 2 (#1267)

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

This reverts commit 53c83adc71.

* ran flutter format for the changed files

* fixed test

Co-authored-by: Qun Cheng <quncheng@google.com>

material_3_demo/lib/main.dart

@@ -179,15 +179,17 @@ class _Material3DemoState extends State<Material3Demo> {
             body: SafeArea(
               bottom: false,
               top: false,
-              child: Row(children: <Widget>[
-                Padding(
-                    padding: const EdgeInsets.symmetric(horizontal: 5),
-                    child: NavigationRailSection(
-                        onSelectItem: handleScreenChanged,
-                        selectedIndex: screenIndex)),
-                const VerticalDivider(thickness: 1, width: 1),
-                createScreenFor(screenIndex, true),
-              ]),
+              child: Row(
+                children: <Widget>[
+                  Padding(
+                      padding: const EdgeInsets.symmetric(horizontal: 5),
+                      child: NavigationRailSection(
+                          onSelectItem: handleScreenChanged,
+                          selectedIndex: screenIndex)),
+                  const VerticalDivider(thickness: 1, width: 1),
+                  createScreenFor(screenIndex, true),
+                ],
+              ),
             ),
           );
         }