Update README.md

twho · May 31, 2020 · 7783a33 · 7783a33
1 parent fd02e32
commit 7783a33
Showing 1 changed file with 20 additions and 21 deletions.
diff --git a/README.md b/README.md
@@ -7,10 +7,9 @@ You may see the following [Medium](https://medium.com/) article for detailed exp
 
 - [Create Loading Buttons in iOS using Swift](https://medium.com/@twho/create-loading-buttons-in-ios-using-swift-63ec77eebda?sk=8f69e9a7760cabacde096c34cc416f95)
 
-| <img src="gif/overview-light.gif" alt="Overview" width="240"/> | <img src="gif/overview-dark.gif" alt="Overview Dark" width="240"/>  | 
-|:--:| :--:|
 | Light mode |  Dark mode |
-
+|:--:| :--:|
+| <img src="gif/overview-light.gif" alt="Overview" width="240"/> | <img src="gif/overview-dark.gif" alt="Overview Dark" width="240"/>  | 
 
 ## Key Features
 - The example gives you **9** choices of loading indicators with the loading button. 
@@ -50,73 +49,73 @@ if #available(iOS 13.0, *) {
 ```swift
 btnLoading.indicator = UIActivityIndicatorView()
 ```
-| <img src="gif/sysdefault-light.gif" alt="System Default" width="350"/> | <img src="gif/sysdefault-dark.gif" alt="System Default Dark" width="350"/> | 
-|:--:| :--:|
 | Light mode |  Dark mode |
+|:--:| :--:|
+| <img src="gif/sysdefault-light.gif" alt="System Default" width="350"/> | <img src="gif/sysdefault-dark.gif" alt="System Default Dark" width="350"/> | 
 
 ### Material Design
 ```swift
 btnLoading.indicator = MaterialLoadingIndicator(color: .gray)
 ```
-| <img src="gif/materialdesign-light.gif" alt="Material Design" width="350"/> | <img src="gif/materialdesign-dark.gif" alt="Material Design Dark" width="350"/> | 
-|:--:| :--:|
 | Light mode |  Dark mode |
+|:--:| :--:|
+| <img src="gif/materialdesign-light.gif" alt="Material Design" width="350"/> | <img src="gif/materialdesign-dark.gif" alt="Material Design Dark" width="350"/> | 
 
 ### Ball Pulse
 ```swift
 btnLoading.indicator = BallPulseSyncIndicator(color: .gray)
 ```
-| <img src="gif/ballpulse-light.gif" alt="Ball Pulse" width="350"/> | <img src="gif/ballpulse-dark.gif" alt="Ball Pulse Dark" width="350"/> | 
-|:--:| :--:|
 | Light mode |  Dark mode |
+|:--:| :--:|
+| <img src="gif/ballpulse-light.gif" alt="Ball Pulse" width="350"/> | <img src="gif/ballpulse-dark.gif" alt="Ball Pulse Dark" width="350"/> | 
 
 ### Ball Pulse Sync
 ```swift
 btnLoading.indicator = BallSpinFadeIndicator(color: .gray)
 ```
-| <img src="gif/ballpulsesync-light.gif" alt="Ball Pulse Sync" width="350"/> | <img src="gif/ballpulsesync-dark.gif" alt="Ball Pulse Sync Dark" width="350"/> | 
-|:--:| :--:|
 | Light mode |  Dark mode |
+|:--:| :--:|
+| <img src="gif/ballpulsesync-light.gif" alt="Ball Pulse Sync" width="350"/> | <img src="gif/ballpulsesync-dark.gif" alt="Ball Pulse Sync Dark" width="350"/> | 
 
 ### Ball Spin
 ```swift
 btnLoading.indicator = LineScalePulseIndicator(color: .gray)
 ```
-| <img src="gif/ballspin-light.gif" alt="Ball Spin" width="350"/> | <img src="gif/ballspin-dark.gif" alt="Ball Spin Dark" width="350"/> | 
-|:--:| :--:|
 | Light mode |  Dark mode |
+|:--:| :--:|
+| <img src="gif/ballspin-light.gif" alt="Ball Spin" width="350"/> | <img src="gif/ballspin-dark.gif" alt="Ball Spin Dark" width="350"/> | 
 
 ### Line Scale
 ```swift
 btnLoading.indicator = LineScaleIndicator(color: .gray)
 ```
-| <img src="gif/linescale-light.gif" alt="Line Scale" width="350"/> | <img src="gif/linescale-dark.gif" alt="Line Scale Dark" width="350"/> | 
-|:--:| :--:|
 | Light mode |  Dark mode |
+|:--:| :--:|
+| <img src="gif/linescale-light.gif" alt="Line Scale" width="350"/> | <img src="gif/linescale-dark.gif" alt="Line Scale Dark" width="350"/> | 
 
 ### Line Scale Pulse
 ```swift
 btnLoading.indicator = BallPulseIndicator(color: .gray)
 ```
-| <img src="gif/linescalepulse-light.gif" alt="Line Scale Pulse" width="350"/> | <img src="gif/linescalepulse-dark.gif" alt="Line Scale Pulse Dark" width="350"/> | 
-|:--:| :--:|
 | Light mode |  Dark mode |
+|:--:| :--:|
+| <img src="gif/linescalepulse-light.gif" alt="Line Scale Pulse" width="350"/> | <img src="gif/linescalepulse-dark.gif" alt="Line Scale Pulse Dark" width="350"/> | 
 
 ### Ball Beat
 ```swift
 btnLoading.indicator = BallBeatIndicator(color: .gray)
 ```
-| <img src="gif/ballbeat-light.gif" alt="Ball Beat" width="350"/> | <img src="gif/ballbeat-dark.gif" alt="Ball Beat Dark" width="350"/> | 
-|:--:| :--:|
 | Light mode |  Dark mode |
+|:--:| :--:|
+| <img src="gif/ballbeat-light.gif" alt="Ball Beat" width="350"/> | <img src="gif/ballbeat-dark.gif" alt="Ball Beat Dark" width="350"/> | 
 
 ### Line Spin
 ```swift
 btnLoading.indicator = LineSpinFadeLoader(color: .gray)
 ```
-| <img src="gif/linespin-light.gif" alt="Line Spin" width="350"/> | <img src="gif/linespin-dark.gif" alt="Line Spin Dark" width="350"/> | 
-|:--:| :--:|
 | Light mode |  Dark mode |
+|:--:| :--:|
+| <img src="gif/linespin-light.gif" alt="Line Spin" width="350"/> | <img src="gif/linespin-dark.gif" alt="Line Spin Dark" width="350"/> | 
 
 ## Credits
 * [Material Design](https://material.io/design/)