More readable svg xml for gentle wave

I'm thinking about tweaking it, and this will make it easier to see
what I'm doing.

Author: simonbaird

website/layouts/partials/svg-wave-divider.html

@@ -1,27 +1,17 @@
-<svg class="flowing"
-xmlns="http://www.w3.org/2000/svg"
-xmlns:xlink="http://www.w3.org/1999/xlink"
-viewBox="0 24 150 28 "
-preserveAspectRatio="none">
-    <defs>
-        <path id="gentle-wave"
-        d="M-160 44c30 0 
-        58-18 88-18s
-        58 18 88 18 
-        58-18 88-18 
-        58 18 88 18
-        v44h-352z" />
-    </defs>
-        <g class="parallax1">
-            <use xlink:href="#gentle-wave" x="50" y="3"/>
-        </g>
-        <g class="parallax2">
-            <use xlink:href="#gentle-wave" x="50" y="0"/>
-        </g>
-        <g class="parallax3">
-            <use xlink:href="#gentle-wave" x="50" y="9"/>
-        </g>
-        <g class="parallax4">
-            <use xlink:href="#gentle-wave" x="50" y="6"/>  
-        </g>
+<svg
+  class="flowing"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  viewBox="0 24 150 28"
+  preserveAspectRatio="none">
+  <defs>
+    <path
+      id="gentle-wave"
+      d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"
+    />
+  </defs>
+  <g class="parallax1"><use xlink:href="#gentle-wave" x="50" y="3"/></g>
+  <g class="parallax2"><use xlink:href="#gentle-wave" x="50" y="0"/></g>
+  <g class="parallax3"><use xlink:href="#gentle-wave" x="50" y="9"/></g>
+  <g class="parallax4"><use xlink:href="#gentle-wave" x="50" y="6"/></g>
 </svg>