# Homey Web App \[CSS customization\]

**URL:** <https://community.homey.app/t/homey-web-app-css-customization/39682>\
**Category:** Apps\
**Created:** [December 23, 2020, 2:43pm UTC](https://community.homey.app/t/homey-web-app-css-customization/39682 "2020-12-23T14:43:00Z")\
**Posts on this page:** 2\
**Page:** 4

<div class="post-metadata">

**Author:** ![Adrian\_Rockall](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/adrian_rockall/32/13209_2.png) [@Adrian\_Rockall](https://community.homey.app/u/Adrian_Rockall)\
**Post date:** [April 19, 2021, 7:36am UTC](https://community.homey.app/t/homey-web-app-css-customization/39682/61 "2021-04-19T07:36:55Z")

</div>

> [@Rocodamelshekima](#):
>
> Do i miss something here?

For me this is missing the Condition and Action cards. So this is my full list:

```
/* Makes three columns */
.css-14scrpd {
    width: 100%;
	display: flex;    
}

/* Trigger card width */
.css-1ab8s7t {
    width: 33%;
}

/* Condition cards width */
.css-1rtbrz0 {
  width: 95%;
}

/* Action cards width */
.css-vvsplf {
  width: 95%;
}

/* Make long flow names readable*/
.css-p669uz {
    white-space: pre-wrap;
}

/* Vertical Space flow names*/.css-b3lw15 {
  height: auto;
  padding-top: 3px;
  padding-bottom: 3px;  
}

/* Vertical Space flow Branch */.div.css-p669uz {
  height: auto;
  padding-top: 3px;
  padding-bottom: 3px;  
}

/* 'Add Card' Buttons */
.css-1iuu5lg {
  width: 95%;
}

/* Tiles Sizes */
.css-xubk5e {
  --tile-size: 300px;
}

/* Tiles Sizes */
.css-j8k0oi {
  --tile-size: 300px;
}

/* Toggle widths */
.css-qjm5iv{
  width: 30px;
}

/* Toggle widths */
.css-14szuwt {
  width: 30px;
}

```

The Title Sizes and Button Widths make the large tiles even bigger so they can show more information.

---

<div class="post-metadata">

**Author:** ![Kongedam](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kongedam/32/35807_2.png) [@Kongedam](https://community.homey.app/u/Kongedam)\
**Post date:** [May 17, 2021, 4:25pm UTC](https://community.homey.app/t/homey-web-app-css-customization/39682/62 "2021-05-17T16:25:45Z")

</div>

Hi

Are there any way to sort these alfabetic?

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/0/9/09dd4ff8baa3c25c2e52d1d9c8f22bf6ccfd0e1e.png)

[Previous page](https://community.homey.app/t/homey-web-app-css-customization/39682.md?page=3)