adjust spinner size

Signed-off-by: Kerry Archibald <[email protected]>

Author: Kerry Archibald

res/css/components/views/messages/_MBeaconBody.scss

@@ -30,12 +30,17 @@ limitations under the License.
 }
 
 .mx_MBeaconBody_mapFallback {
-    background: url('$(res)/img/location/map.svg');
-    background-size: cover;
-
+    box-sizing: border-box;
     display: flex;
     justify-content: center;
     align-items: center;
+
+    // pushes spinner/icon up
+    // to appear more centered with the footer
+    padding-bottom: 50px;
+
+    background: url('$(res)/img/location/map.svg');
+    background-size: cover;
 }
 
 .mx_MBeaconBody_mapFallbackIcon {

src/components/views/messages/MBeaconBody.tsx

@@ -99,7 +99,7 @@ const MBeaconBody: React.FC<IBodyProps> = React.forwardRef(({ mxEvent, ...rest }
                 </Map>
                 : <div className='mx_MBeaconBody_map mx_MBeaconBody_mapFallback'>
                     { displayStatus === BeaconDisplayStatus.Loading ?
-                        <Spinner h={45} w={45} /> :
+                        <Spinner h={32} w={32} /> :
                         <LocationMarkerIcon className='mx_MBeaconBody_mapFallbackIcon' />
                     }
                 </div>