Change SVG layout tree output to be more meaningful and consistent

third_party/WebKit/LayoutTests/platform/mac/svg/custom/use-modify-container-in-target-expected.txt

Index: third_party/WebKit/LayoutTests/platform/mac/svg/custom/use-modify-container-in-target-expected.txt
diff --git a/third_party/WebKit/LayoutTests/platform/mac/svg/custom/use-modify-container-in-target-expected.txt b/third_party/WebKit/LayoutTests/platform/mac/svg/custom/use-modify-container-in-target-expected.txt
index 064c0a3721aef2da71dba8358abd5c38cd06c8a1..3e7c3a4547b1d76defcc6a89210c19dec38e5cf8 100644
--- a/third_party/WebKit/LayoutTests/platform/mac/svg/custom/use-modify-container-in-target-expected.txt
+++ b/third_party/WebKit/LayoutTests/platform/mac/svg/custom/use-modify-container-in-target-expected.txt
@@ -1,22 +1,22 @@
 layer at (0,0) size 800x600
   LayoutView at (0,0) size 800x600
 layer at (0,0) size 800x600
-  LayoutSVGRoot {svg} at (20,40) size 396x105
-    LayoutSVGHiddenContainer {defs} at (0,0) size 0x0
-      LayoutSVGContainer {g} at (0,0) size 125x30
-        LayoutSVGContainer {g} at (0,0) size 125x25
-          LayoutSVGRect {rect} at (0,0) size 125x25 [stroke={[type=SOLID] [color=#000080] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FF0000]}] [x=0.00] [y=0.00] [width=60.00] [height=10.00]
-        LayoutSVGEllipse {circle} at (40,0) size 40x30 [opacity=0.50] [fill={[type=SOLID] [color=#008000]}] [cx=30.00] [cy=5.00] [r=10.00]
-    LayoutSVGContainer {use} at (45,40) size 130x40 [transform={m=((1.00,0.00)(0.00,1.00)) t=(25.00,25.00)}]
-      LayoutSVGContainer {g} at (45,40) size 130x40
-        LayoutSVGContainer {g} at (45,45) size 130x30
-          LayoutSVGRect {rect} at (45,45) size 130x30 [stroke={[type=SOLID] [color=#000080] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FF0000]}] [x=0.00] [y=0.00] [width=60.00] [height=10.00]
-        LayoutSVGEllipse {circle} at (90,40) size 40x40 [opacity=0.50] [fill={[type=SOLID] [color=#008000]}] [cx=30.00] [cy=5.00] [r=10.00]
-    LayoutSVGContainer {use} at (245,40) size 130x40 [transform={m=((1.00,0.00)(0.00,1.00)) t=(125.00,25.00)}]
-      LayoutSVGContainer {g} at (245,40) size 130x40
-        LayoutSVGContainer {g} at (245,45) size 130x30
-          LayoutSVGRect {rect} at (245,45) size 130x30 [stroke={[type=SOLID] [color=#000080] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FF0000]}] [x=0.00] [y=0.00] [width=60.00] [height=10.00]
-        LayoutSVGEllipse {circle} at (290,40) size 40x40 [opacity=0.50] [fill={[type=SOLID] [color=#008000]}] [cx=30.00] [cy=5.00] [r=10.00]
-    LayoutSVGText {text} at (10,61) size 198x12 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 198x12
+  LayoutSVGRoot {svg} at (0,0) size 800x600
+    LayoutSVGHiddenContainer {defs} at (0,-5) size 60x20
+      LayoutSVGContainer {g} at (0,-5) size 60x20
+        LayoutSVGContainer {g} at (0,0) size 60x10
+          LayoutSVGRect {rect} at (0,0) size 60x10 [stroke={[type=SOLID] [color=#000080] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FF0000]}] [x=0.00] [y=0.00] [width=60.00] [height=10.00]
+        LayoutSVGEllipse {circle} at (20,-5) size 20x20 [opacity=0.50] [fill={[type=SOLID] [color=#008000]}] [cx=30.00] [cy=5.00] [r=10.00]
+    LayoutSVGContainer {use} at (0,-5) size 60x20 [transform={m=((1.00,0.00)(0.00,1.00)) t=(25.00,25.00)}]
+      LayoutSVGContainer {g} at (0,-5) size 60x20
+        LayoutSVGContainer {g} at (0,0) size 60x10
+          LayoutSVGRect {rect} at (0,0) size 60x10 [stroke={[type=SOLID] [color=#000080] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FF0000]}] [x=0.00] [y=0.00] [width=60.00] [height=10.00]
+        LayoutSVGEllipse {circle} at (20,-5) size 20x20 [opacity=0.50] [fill={[type=SOLID] [color=#008000]}] [cx=30.00] [cy=5.00] [r=10.00]
+    LayoutSVGContainer {use} at (0,-5) size 60x20 [transform={m=((1.00,0.00)(0.00,1.00)) t=(125.00,25.00)}]
+      LayoutSVGContainer {g} at (0,-5) size 60x20
+        LayoutSVGContainer {g} at (0,0) size 60x10
+          LayoutSVGRect {rect} at (0,0) size 60x10 [stroke={[type=SOLID] [color=#000080] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FF0000]}] [x=0.00] [y=0.00] [width=60.00] [height=10.00]
+        LayoutSVGEllipse {circle} at (20,-5) size 20x20 [opacity=0.50] [fill={[type=SOLID] [color=#008000]}] [cx=30.00] [cy=5.00] [r=10.00]
+    LayoutSVGText {text} at (10,61) size 197.80x11.50 contains 1 chunk(s)
+      LayoutSVGInlineText {#text} at (10,61) size 197.80x11.50
         chunk 1 text run 1 at (10.00,70.00) startOffset 0 endOffset 50 width 197.80: "You should see a red rectangle and a green circle."