[Dashboard CSS] Tabular layout for battery tiles

[thebearmay]

Maybe reverse the title and primary CSSs

[markbellkosel84]

Nope. I'll keep playing with it.

[harriscd]

It appears this is a problem tied to the global changes earlier in the CSS code that I used to modify the battery tiles. I believe the tile-content is the clickable link, so the following changes seem to work. It results in a tile with 'Back' centered.

/* Modify the content of dashboard button #12. */
/* 1. Override the position used elsewhere in the battery tiles */
#tile-12 .tile-contents {
  position: unset !important;
  left: unset !important;
}
/* 2. Shrink the original text */
#tile-12 .tile-primary {
  font-size: 0px !important;
}
/* 3. Add in 'Back' text */
#tile-12 .tile-primary::before {
  font-size: 18px;
  content: 'Back';
}
/* 4. Get rid of the title 'Dashboard' */
#tile-12 .tile-title {
  display: none;
}
/* 5. Stretch the contents to 100% so the whole tile is clickable */
#tile-12 .tile-contents {
  width: 100% !important;
}