Reduce row height

Hello! I am attempting to reduce the row height and have the app-tiles appear rectangular instead of square. I have found that setting

height

height

height

height and

min-height

min-height

min-height

min-height for

.dashboard-gs-category

.dashboard-gs-category

.dashboard-gs-category

.dashboard-gs-category is getting me less-high accordions for the categories, but I can't quite pin down how to make the app tiles less tall as well. Targeting

.dashboard-gs-generic-item

.dashboard-gs-generic-item

.dashboard-gs-generic-item

.dashboard-gs-generic-item changes the height of other widgets, like the calendar, and

.dashboard-tile-app

.dashboard-tile-app

.dashboard-tile-app

.dashboard-tile-app does nothing. Any suggestions?

Things I've tried:
This works for shorter category accordions:

.dashboard-gs-category {
  height: 140px;
  min-height: 140px;
}

.dashboard-gs-category {
  height: 140px;
  min-height: 140px;
}

.dashboard-gs-category {
  height: 140px;
  min-height: 140px;
}

.dashboard-gs-category {
  height: 140px;
  min-height: 140px;
}

This makes everything shorter, including widgets, which is not preferred:

.dashboard-gs-generic-item {
  height: 80px;
  min-height: 80px;
}

.dashboard-gs-generic-item {
  height: 80px;
  min-height: 80px;
}

.dashboard-gs-generic-item {
  height: 80px;
  min-height: 80px;
}

.dashboard-gs-generic-item {
  height: 80px;
  min-height: 80px;
}

This does nothing, unfortunately:

.dashboard-tile-app {
  height: 80px;
  min-height: 80px;
}

.dashboard-tile-app {
  height: 80px;
  min-height: 80px;
}

.dashboard-tile-app {
  height: 80px;
  min-height: 80px;
}

.dashboard-tile-app {
  height: 80px;
  min-height: 80px;
}

Screenshot_2024-01-13_at_12.22.13_PM.png

Screenshot_2024-01-13_at_12.22.50_PM.png

Reduce row height

Similar Threads

Similar Threads

Similar Threads