Ajustes Css responsivo

Tendo como base as imagens anexadas, temos um trabalho geral e um específico por tela.
Geral - Ajustar a logo da aplicação, quando em modo mobile. Observe os quadrados amarelos nas imagens. Ela deveria ser apresentada de forma centralizada.
Hoje parte dela esta sendo acomodada atras do botão de desligar.
Vamos as questões específicas:

Tela01 -  centralizar o gráfico apresentado.
Tela02 - os botões editar e apagar devem ser posicionados com distância suficiente para não passar a impressão de que esteja colado na caixa que contém o texto "... 61 anos". Além disso, ajustar o tamanho das fontes das caixas "Massa Magra" e "Massa Gorda"
Tela03 - Ajustar a estrutura de modo que haja maior espaço para as entradas.

Para executar a demanda você necessitará ter noção geral de tela em React, além de css (sass) e boostrap3.

Seu trabalho é propor mudanças React/CSS que atendas aos pontos mencionados anteriormente.