making desktop about page look better

Author: Andrew Evans

README.md

@@ -1,6 +1,4 @@
 # Goose Weather
-![goose image](/src/assets/goose.svg)
-
 - Weather application that I named for my wife, and her dream of being a meteorologist
 - Application is built with Angular and uses [NOAA APIs](https://www.weather.gov/documentation/services-web-api) and the [OpenWeatherMapAPI Service](https://openweathermap.org/api) to create a weather forecast
 - Application uses the following platforms and frameworks:

src/app/cards/about-desktop/about-desktop.component.css

@@ -1,17 +1,27 @@
 .about {
   display: flex;
   flex-direction: row;
-  justify-content: left;
+  justify-content: flex-start;
   flex-wrap: wrap;
+  align-items: flex-start;
+  text-align: left;
   font-size: 1.5em;
 }
 
-li {
-  text-align: left;
+img {
+  margin-left: 2em;
+  margin-right: 2em;
 }
 
-img {
+.desktop {
   display: flex;
-  justify-content: left;
-  margin-top: 1em;
+  flex-direction: column;
+}
+
+.images {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 2em;
 }

src/app/cards/about-desktop/about-desktop.component.html

@@ -1,16 +1,21 @@
-<div class="about">
-  <ul>
-    <li>Angular Application built and maintained by <a href="https://rhythmandbinary.com/">Andrew Evans</a></li>
-    <li>Weather data provided by <a href="https://www.weather.gov/documentation/services-web-api">NOAA APIs</a> and the <a href="https://openweathermap.org/api">OpenWeatherMapAPI Service</a></li>
-    <li>Application uses <a href="https://ngrx.io/">NgRx</a> for state management</li>
-    <li>Open Source with the
-      <a href="https://github.com/andrewevans02/goose-weather/blob/master/LICENSE">MIT License</a> and can be viewed on <a href="https://github.com/andrewevans02/goose-weather">GitHub</a></li>
-    <li>Goose image was made at
+<div class="desktop">
+  <div class="about">
+    <p> This application is built and maintained by
+      <a href="https://rhythmandbinary.com/">Andrew Evans</a>.  It was named for Andrew's wife, and her dream of being a meteorologist.  The weather data is provided by
+      <a href="https://www.weather.gov/documentation/services-web-api">NOAA APIs</a>, and the
+      <a href="https://openweathermap.org/api">OpenWeatherMapAPI Service</a>.  This Application uses
+      <a href="https://ngrx.io/">NgRx</a> for state management.  It's also Open Source with the
+      <a href="https://github.com/andrewevans02/goose-weather/blob/master/LICENSE">MIT License</a>.
+      Source code can be viewed on <a href="https://github.com/andrewevans02/goose-weather">GitHub</a>.
+      The Goose image shown was made by
       <a href="https://www.flaticon.com/authors/smalllikeart" title="smalllikeart">smalllikeart</a> from
       <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>
       and is licensed by
-      <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>
-    </li>
-  </ul>
+      <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>.
+    </p>
+  </div>
+  <div class="images">
+    <img src='./assets/goose.svg'>
+    <img src='./assets/sun_large.svg'>
+  </div>
 </div>
-<img src='./assets/goose.svg'>

src/app/cards/about-mobile/about-mobile.component.html

@@ -1,4 +1,4 @@
-<div clas="mobile">
+<div class="mobile">
   <div class="about">
     <p> This application is built and maintained by
       <a href="https://rhythmandbinary.com/">Andrew Evans</a>.  It was named for Andrew's wife, and her dream of being a meteorologist.  The weather data is provided by