diff --git a/frontend/src/Components/FavoriteButton.tsx b/frontend/src/Components/FavoriteButton.tsx index bc1ce442884a277e012f7a0fc9ecef1229baae1a..ee66ee9589d7e8f742c9753c81abd14ef95da15a 100644 --- a/frontend/src/Components/FavoriteButton.tsx +++ b/frontend/src/Components/FavoriteButton.tsx @@ -1,6 +1,7 @@ import React, {useEffect, useState} from 'react'; import active from '../Media/favorite-active.png'; import inactive from '../Media/favorite.png'; +import '../Style/FavoriteButton.css'; type props = { pageId: number; diff --git a/frontend/src/Components/LandingPage.tsx b/frontend/src/Components/LandingPage.tsx index ad37105d89a26088d32368595d9eeadd56823f78..89ceee46b1915c8a8cd5fb1f26a6431fcb8494e2 100644 --- a/frontend/src/Components/LandingPage.tsx +++ b/frontend/src/Components/LandingPage.tsx @@ -43,7 +43,7 @@ class LandingPage extends React.Component<props, state> { save these settings for future appretiation of the art pieces. </p> <div className={'favorites'}> - <p>Favorites</p> + <p>Favorites:</p> <ul>{this.state.favorites}</ul> </div> <div className={'flex2'}> diff --git a/frontend/src/Components/LandingpageSVG.tsx b/frontend/src/Components/LandingpageSVG.tsx index a7d8e168ae488a1a0527bb97f8238aad331e4821..b62bedcc6f3bdb29ceef359f3d83983cf2f2c2ef 100644 --- a/frontend/src/Components/LandingpageSVG.tsx +++ b/frontend/src/Components/LandingpageSVG.tsx @@ -18,7 +18,7 @@ const LandingpageSVG = () => { return( <div className={'welcome-svg'}> - <svg id="SVG" xmlns="http://www.w3.org/2000/svg" height="400" width="400"> + <svg viewBox="0 0 400 400" id="SVG" xmlns="http://www.w3.org/2000/svg"> <polygon points={pickPoints()} fill="blue" fill-opacity="0.5" /> <polygon points={pickPoints()} fill="red" fill-opacity="0.5" /> <polygon points={pickPoints()} fill="green" fill-opacity="0.5" /> diff --git a/frontend/src/Style/DropDown.css b/frontend/src/Style/DropDown.css index 9449b7a7ee5e7bc1c00f6a960c282287eaf0bf0d..f629b994faab9f775e0754dc8a29df001ada259a 100644 --- a/frontend/src/Style/DropDown.css +++ b/frontend/src/Style/DropDown.css @@ -18,6 +18,7 @@ .dropdown { font-family: initial; + cursor: pointer; } .dropdown-menu { diff --git a/frontend/src/Style/FavoriteButton.css b/frontend/src/Style/FavoriteButton.css new file mode 100644 index 0000000000000000000000000000000000000000..34f9a2e4a77242c5985beabd847ef52aefdd4393 --- /dev/null +++ b/frontend/src/Style/FavoriteButton.css @@ -0,0 +1,3 @@ +.favorite-button { + cursor: pointer; +} \ No newline at end of file diff --git a/frontend/src/Style/LandingPage.css b/frontend/src/Style/LandingPage.css index 23d08d9e6d5e09702501cb7dc918ee39e52714fa..b9db427cff78a3492ae3aa624acc788d3bf9fdda 100644 --- a/frontend/src/Style/LandingPage.css +++ b/frontend/src/Style/LandingPage.css @@ -105,7 +105,7 @@ ul { } } -@media (max-width: 900px) and (max-height: 400px) { +@media (max-width: 900px) and (max-height: 400px){ .welcome-svg { max-width: 200px; }