CSS Optimization

[lenasauermann]

The portal should look good, even on a smaller computer screen. No need for mobile or tablet.

Acceptance criteria

• [ ] navigation does not cut the logo
• [ ] table on shape detail page does not cut its box
• [ ] content of detail page always fits the screen
• [ ] on the page of the ontology, the icon for switching between graph and list view should change should change to a list icon

[devbysp]

Pull Request

In progress...

Description

• Implement acceptance criteria

Other things solved

• Create a base css file for some global settings
• Making the page responsive
• Move hardcoded styles to css
• Convert absolute sizing to relative sizing
• Create concept for fonts. What kind of font style to use where? Create global variables for it.
• Creating a concept for button coloring and styleing (primary, secondary, x button)
• Getting rid of unnecessary uses of margins
• Use harminious colors