From c5100700a4c8ddd3bc4ecf4558b5a71194941c18 Mon Sep 17 00:00:00 2001
From: Fil Cesana <cesanf@usi.ch>
Date: Sat, 21 Mar 2020 16:06:18 +0100
Subject: [PATCH] header in dashboard: size, logo, fixed

---
 smart-hut/public/title7.png                  | Bin 0 -> 4143 bytes
 smart-hut/src/components/HeaderController.js |  30 ++++++++++---------
 2 files changed, 16 insertions(+), 14 deletions(-)
 create mode 100644 smart-hut/public/title7.png

diff --git a/smart-hut/public/title7.png b/smart-hut/public/title7.png
new file mode 100644
index 0000000000000000000000000000000000000000..7285acd690fca7d2e7bff14112599c5534aaa2f3
GIT binary patch
literal 4143
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

literal 0
HcmV?d00001

diff --git a/smart-hut/src/components/HeaderController.js b/smart-hut/src/components/HeaderController.js
index 8ec24a5..2eea9e8 100644
--- a/smart-hut/src/components/HeaderController.js
+++ b/smart-hut/src/components/HeaderController.js
@@ -2,43 +2,45 @@ import React from "react";
 import { Dropdown, Icon, Grid, Divider} from 'semantic-ui-react'
 import { Segment, Image } from 'semantic-ui-react'
 
-const ImageExampleWrapped = () => (
-    <Image src='avatar3.png' size='tiny' centered
-        
+const AvatarImage = () => (
+    <Image 
+      src='avatar3.png' 
+      style={{width: '25px', height: 'auto'}}
+      centered
     />
   )
 
-  const ImageExampleWrapped2 = () => (
+  const IconHomeImage = () => (
     <Image 
         src='smart-home.png' 
-        size='tiny' 
+        style={{width: '50px', height: 'auto'}} 
         centered
         as='a'
         href='/'
     />
   )  
 
-const ImageExampleWrapped3 = () => (
-    <Image src='title6.png' size='medium' centered/>
+const TitleImage = () => (
+    <Image src='title7.png' size='medium' centered/>
   ) 
 
 
 
 const GridExampleInverted = (props) => (
-    <Grid columns='equal' divided inverted padded >
-      <Grid.Row color='black' textAlign='center'>
-        <Grid.Column width={2}>
+    <Grid columns='equal' divided inverted padded>
+      <Grid.Row color='black' textAlign='center' >
+        <Grid.Column width={3} height={0.5}>
           <Segment color='black' inverted>
-          <ImageExampleWrapped2 /> 
+          <IconHomeImage /> 
           </Segment>
         </Grid.Column>
         <Grid.Column>
           <Segment color='black' inverted>
-          <ImageExampleWrapped3 />
+          <TitleImage />
           </Segment>
         </Grid.Column>
-        <Grid.Column width={3}>
-        <ImageExampleWrapped /> 
+        <Grid.Column width={2} heigth={1}>
+        <AvatarImage /> 
         <Divider />
         <Dropdown item icon='setting' size='huge'>
         <Dropdown.Menu>