Updated build badge

Author: aeagle

README.md

@@ -1,6 +1,6 @@
 # React Spaces
 
-![NPM](https://img.shields.io/npm/v/react-spaces.svg) ![Azure Pipelines](https://allan-eagle.visualstudio.com/All%20projects/_apis/build/status/React-Spaces%20publish)
+![NPM](https://img.shields.io/npm/v/react-spaces.svg) ![Azure Pipelines](https://allan-eagle.visualstudio.com/All%20projects/_apis/build/status/aeagle.react-spaces?branchName=master)
 
 React Spaces allow you to divide a page or container HTML element into spaces. These spaces know how to behave in relation to each other and can also be divided into further nested spaces.
 
@@ -16,27 +16,27 @@ Used at the top level of all other spaces.
 
 This space will take over the full viewport of the browser window. Resizing the browser window will automatically adjust the size of this space and all the nested spaces.
 
-**\<Fixed /\>** 
+**\<Fixed /\>**
 
 This space can be given a height and optionally a width (by default it will size to 100% of it's container). All nested spaces will be contained within this fixed size space.
 
 ### Anchored spaces
 
 These can be used within the top-level spaces **\<ViewPort /\>** and **\<Fixed /\>** or nested within other spaces.
 
-**\<Left /\>** and **\<Right /\>** 
+**\<Left /\>** and **\<Right /\>**
 
 A space anchored to the left or right of the parent container/space. A size can be specified in pixels or as a percentage to determine its width.
 
-**\<Top /\>** and **\<Bottom /\>** 
+**\<Top /\>** and **\<Bottom /\>**
 
 A space anchored to the top or bottom of the parent container/space. A size can be specified in pixels or as a percentage to determine its height.
 
 There are resizable versions of these components called **\<LeftResizable /\>**, **\<RightResizable /\>**, **\<TopResizable /\>** and **\<BottomResizable /\>** which allow the spaces to be resized from the outer edge by dragging with the mouse.
 
 ### Other
 
-**\<Fill /\>** 
+**\<Fill /\>**
 
 A space which consumes any available area left in the parent container/space taking into account any anchored spaces on every side.
 
@@ -46,19 +46,15 @@ Layers allow you to create layers within a parent space, for example:
 
 ```html
 <ViewPort>
-  
-  <Layer zIndex={0}>
-  	<LeftResizable size="20%" /> // floating sidebar
-  </Layer>
-  
-  <Layer zIndex={1}>
-  	<Fill />
-  </Layer>
+	<Layer zIndex="{0}"> <LeftResizable size="20%" /> // floating sidebar </Layer>
 
+	<Layer zIndex="{1}">
+		<Fill />
+	</Layer>
 </ViewPort>
 ```
 
-**\<Centered /\>** 
+**\<Centered /\>**
 
 Centres the content of a space horizontally and vertically.
 
@@ -75,15 +71,16 @@ npm install react-spaces --save
 ```
 
 ```typescript
-import * as Spaces from 'react-spaces';
+import * as Spaces from "react-spaces";
 ```
 
 View full documentation [here](https://www.allaneagle.com/react-spaces/demo/).
 
 ## Donation
+
 If you find this library useful, consider making a small donation to fund a cup of coffee:
 
 <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=AAYPWGUQBUDAA" 
     title="If you find this library useful, consider making a small donation to fund a cup of coffee" alt="Make Donation" style="text-decoration: none;">
-	<img src="https://www.allaneagle.com/donation.png" />
+<img src="https://www.allaneagle.com/donation.png" />
 </a>