From bdf871b4768d3ea2fa288c0b44b786cd76580a2e Mon Sep 17 00:00:00 2001
From: Aj - Thomas <thomascamlong@gmail.com>
Date: Mon, 16 May 2022 12:36:35 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=EF=BF=BD=20Update=20weather=20m?=
 =?UTF-8?q?odule=20styling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/modules/weather/WeatherModule.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/modules/weather/WeatherModule.tsx b/src/components/modules/weather/WeatherModule.tsx
index 8a3dcba2c..3c3b218e7 100644
--- a/src/components/modules/weather/WeatherModule.tsx
+++ b/src/components/modules/weather/WeatherModule.tsx
@@ -1,7 +1,9 @@
-import { Center, Group, Text, Title, Tooltip } from '@mantine/core';
+import { Group, Space, Title, Tooltip } from '@mantine/core';
 import axios from 'axios';
 import { useEffect, useState } from 'react';
 import {
+  ArrowDownRight,
+  ArrowUpRight,
   Cloud,
   CloudFog,
   CloudRain,
@@ -139,13 +141,17 @@ export default function WeatherComponent(props: any) {
   if (!weather.current_weather) {
     return null;
   }
-
   return (
     <Group position="left" direction="column">
       <Title>{weather.current_weather.temperature}°C</Title>
-      <Group>
+      <Group spacing={0}>
         <WeatherIcon code={weather.current_weather.weathercode} />
-        {weather.daily.temperature_2m_max[0]}°C / {weather.daily.temperature_2m_min[0]}°C
+        <Space mx="sm" />
+        <span>{weather.daily.temperature_2m_max[0]}°C</span>
+        <ArrowUpRight size={16} style={{ right: 15 }} />
+        <Space mx="sm" />
+        <span>{weather.daily.temperature_2m_min[0]}°C</span>
+        <ArrowDownRight size={16} />
       </Group>
     </Group>
   );