Clean up design - Githubissues

cschieder commented 5 years ago

Disclaimer, if any of these are technically annoying or complicated write me so I know and we don't have you spending hours on a detail :)

[x] remove hover and click on tags/labels/taints (because clicking them does nothing afaik)
[x] Make loading circle smaller by like 5px
[x] Change "Add Token" (Service Accs) to Grey #7E868F, Roboto
[x] Space edit and delete Icon further apart (+ 5px between them)
[x] Manage SSH keys on cluster, change "+ Add SSH key" font to roboto, make the area same height as the table row
[x] Clusters overview, providers: remove max width, change min height to Hetzner height: 16px Digital Ocean, Open Stack height: 20px everything else 25px should look like

Cluster Create

[x] random button in input add hover/click circle
[x] Description field for Digital Ocean token, Hetzner token, Packet API key, AWS Access key, -> put it into a hint on the Token field (on AWS split it, on Access Key say "We need a AWS Access Key and Secret Access Key with write access. You can create one here." On Secret access Key the same, just with secret access key instead
[x] custom preset x click area circle change to 20px max height & width, also it cuts off? you can see it cut off on click
[x] custom preset dropdown window is placed higher than it should be, you can compare with node size/SSH keys dropdown on same page
[x] Settings, Node Taints delete icon is broken (Same on ND edits see below), make it same as Node Labels, also vertically center delete icon with the input field on both Node Taints and Node Labels
[x] Settings, total node labels inputs and node taints inputs should align on the right side in width
[x] Move SSH Keys to left side
[x] Left align Add new SSH key button with the text input and update styling to redesign standard (add padding etc)
[x] move checkboxes to left of checkbox description (like we already have on cluster delete)

Cluster

[x] More spacing on cluster share and download icon (add margin-right: 10px to both or something?)
[x] Share linebreak is broken
[x] Adjust spacing on top card items (Cluster ID, Region) to 50px margin right
[x] on some providers (the ones with small logo e. g. google) theres too much right margin

Node Deployment (ND)

[x] make delete icon on ND 18 x 18 px
[x] cluster ND edit & delete icon not as centered in circle as elsewhere? it's too low
[x] on ND, Nodes (extended) change the x and tick icon to the new design - aka to the same as in the card above)
[x] Node Taints edit delete icon broken (same thing broken as on Cluster Create ^)
[x] Arrow top left remove width:30px, make clicking area of arrow larger while keeping it in same place

kgroschoff commented 5 years ago

Note: Parts of Node Deployment already fixed in this pr https://github.com/kubermatic/dashboard-v2/pull/1409, though feel free to check again 👍

kgroschoff commented 5 years ago

starting with Cluster Create area

kgroschoff commented 5 years ago

continue with other parts

kubermatic / dashboard