update meta tags

Author: iamsainikhil

public/index.html

@@ -10,11 +10,11 @@
     <meta name="author" content="Sai Nikhil Bheemanathini" />
     <meta
       name="description"
-      content="A robust weather application to provide weather forecast for any city."
+      content="A robust weather application to provide current and 24 hour 7 day weather forecast for any city in the world. Weather forecast data is powered by Dark Sky and city search data is powered by Teleport."
     />
     <meta
       name="keywords"
-      content="Weather,Forecast,Dark Sky,Teleport,HTML,CSS,XML,JavaScript,React"
+      content="Weather, Forecast, 24 hour forecast, 7 day forecast, Dark Sky,Teleport, HTML, CSS, XML, JavaScript, React, Weather Icons, Animated Icons, Weather Backgrounds"
     />
     <meta
       name="google-site-verification"
@@ -56,7 +56,7 @@
     <meta property="og:title" content="Weather React" />
     <meta
       property="og:description"
-      content="A robust weather application to provide 7 day hourly weather forecast for any city in the world."
+      content="A robust weather application to provide current and 24 hour 7 day weather forecast for any city in the world. Weather forecast data is powered by Dark Sky and city search data is powered by Teleport."
     />
     <meta property="og:image" content="%PUBLIC_URL%/weather-react-app.png" />
 
@@ -69,7 +69,7 @@
     <meta property="twitter:title" content="Weather React" />
     <meta
       property="twitter:description"
-      content="A robust weather application to provide 7 day hourly weather forecast for any city in the world."
+      content="A robust weather application to provide current and 24 hour 7 day weather forecast for any city in the world. Weather forecast data is powered by Dark Sky and city search data is powered by Teleport."
     />
     <meta
       property="twitter:image"

public/weather-react-app.png

@@ -9,7 +9,7 @@ const getImage = urbanArea => {
   return image
 }
 const imageOverlay = {
-  background: 'rgba(0,0,0,0.55)',
+  background: 'rgba(0,0,0,0.7)',
   borderTopLeftRadius: '1rem',
   borderTopRightRadius: '1rem'
 }

src/components/favorite/FavoriteComponent.js

@@ -19,7 +19,7 @@ const InfoComponent = ({address, latlong, urbanArea, weatherCurrent}) => {
   const {image, photographer, site, source} = getImageDetails(urbanArea)
 
   const imageOverlay = {
-    background: 'rgba(0,0,0,0.55)',
+    background: 'rgba(0,0,0,0.7)',
     borderTopLeftRadius: '1rem',
     borderTopRightRadius: '1rem'
   }

src/components/weather/InfoComponent.js

@@ -64,7 +64,7 @@ const ForecastContainer = ({cityName, weatherCurrent, weatherForecast}) => {
             </div>
 
             {/* tablet and above devices */}
-            <div className='hidden sm:flex sm:pb-3'>
+            <div className='hidden sm:flex sm:pb-3 sm:mb-4'>
               {weatherForecast.timeFrames[selectedDay] ? (
                 <Carousel {...CarouselSettings('time', 'tablet')}>
                   {weatherForecast.timeFrames[selectedDay].map(