Jak poprawnie formatować elementy Angular Material?

Question

Mam spory problem z formatowaniem elementów w CSS kiedy używam elementów material, ponieważ oficjalna dokumentacja jest bardzo wybrakowana: Material Angular 6. Poniżej napisałem trzy rzeczy, na które nie znalazłem rozwiązania pomimo długich wyszukiwań.

1. Treść tabeli jest wyśrodkowana w każdej kolumnie, nagłówki stoją tam gdzie były. Jak wyśrodkować treść nagłówka kolumny w tabeli widocznej na screenie?

2. "Pływający" przycisk jest umieszczony względem górnej części strony. Zachowanie które chce osiągnąć ma być odwrotne, tak żeby przycisk sprawiał wrażenie że pozostaje w miejscu. a treść strony się przewija. Jak to osiągnąć?
Domyślny widok: 

 

 

Widok po przewinięciu w dół: 

 

 

3. I chyba najbardziej znaczący problem: jeżeli zmniejszę rozmiar okna layout całkowicie się psuje: 

 

Pliki źródłowe: Gist zawierający pliki html i css