Fix/footer

[airenzp]

Related issue(s) and PR(s)

This PR closes #372 .

This PR makes the bottom bar always visible and merges the quick add and save changes section. The toast is now displayed to the right over the empty space area.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)

List of changes made

Edited css and reorganized rendering of the quick and and save changes. Note that what looks like a lot of changes in the rendering of the report is caused because of removing the wrapper div.

Testing

Scroll, edit, save changes, to see the result

Definition of Done checklist

• I have made an effort making the commit history understandable
• I have performed a self-review of my own code and commented any hard-to-understand areas
• Tests and lint/format validations are passing
• My changes generate no new warnings

[jonandernovella]

Good progress! I think there are a few more things to work on though.

• We need some paddings in the quick add container. See how close the "Quick Add" text is to the border.
• The bottom bar could be splitted in two so that it's clear that the Save Changes button is not part of the Quick Add. I'd suggest that the grey background is only applied on the left side, that is where the Quick add belongs. Then the Save Changes would have a white background, making it feel more separate.

[kusalananda]

The only issue that I have is that the bar seems to be partially hidden beneath the bottom of the screen. Also, the + button appear to be missing (it may be below the bottom of the screen?).

[airenzp]

I added a commit. Fika time now :-). Let me know if it works better

[ghost]

It is possible to zoom and make the browser window so small that the buttons at the bottom look a bit strange, but I cannot make them disappear now. It might not be perfect, but it is better than the develop version.

[kusalananda]

I can see the + again, but the whole bar is still partially obscured below the end of the screen.

[ghost]

The linter seems to complain about an empty line at line 261/262 in index.css.
The warning about a wrong url (style "header-warning") is hidden again, behind the top bar.

[ghost]

Airen made some improvements and I added a fix to restore the header-warning for wrong url. I think this is ok for merge.
We should make the linter allow longhand notation in css.

Issue adressed