# Daemonite Material Theme: Ample layout adjustments

**URL:** <https://meta.discourse.org/t/daemonite-material-theme-ample-layout-adjustments/106379>\
**Category:** Theme component\
**Created:** [January 12, 2019, 8:14pm UTC](https://meta.discourse.org/t/daemonite-material-theme-ample-layout-adjustments/106379 "2019-01-12T20:14:03Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![amotl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/amotl/32/109873_2.png) [@amotl](https://meta.discourse.org/u/amotl)\
**Post date:** [January 12, 2019, 10:25pm UTC](https://meta.discourse.org/t/daemonite-material-theme-ample-layout-adjustments/106379/6 "2019-01-12T22:25:09Z")

</div>

Some screenshots by example…

* * *

# Topic item (verbose)

Larger font size, don’t limit avatar size.

## Before

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/c/dc885d359f8dc762736cd2453c2005f0731bd49f.png)

## After

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/3/83422bb3e1dc03e691a65e2be6ab8ea1bda00d41.png)

* * *

# Topic item (narrow)

## Before

![image](https://global.discourse-cdn.com/meta/original/3X/7/6/760316227ba3669c711d0f6990a11393f8baa157.png)

## After

![image](https://global.discourse-cdn.com/meta/original/3X/1/d/1d5b5580704186beb16864ddb0b7c2d81ea9111a.png)

* * *

# Category item

Removed font size limitation on category title and description.

## Before

![image](https://global.discourse-cdn.com/meta/original/3X/5/c/5c90301b6424e86ddc95601f7ff9ef2196f42892.png)

## After

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/c/fc5590aadebcc282c060a1b4138f93b05ccaab12.png)

* * *

# Title sizes on topic page / in header

Decreased font size here. Especially on mobile, this makes a huge difference.

## Topic title on desktop

### Before

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/5/a5f72827d4a7dd4a30ba32991537d9634ef377ab.png)

### After

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/f/7f205682e30311bc0308ae38e8030aa5fc188f62.png)

## Topic title on mobile, before/after

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/c/2c2779793450e43b4c50c142e18466a9d087bb6e.png) &nbsp; ![image](https://global.discourse-cdn.com/meta/original/3X/4/d/4d56ca86672c0505aa502e6f618b983a1cf188e1.png)

## Header/title layout on mobile

### Before

![image](https://global.discourse-cdn.com/meta/original/3X/5/6/56c983f98b3f77caab022532aa5447aa2ffb0de4.png)

### After

![image](https://global.discourse-cdn.com/meta/original/3X/b/5/b53ef475e842b2347b6de18bc8c48f3e63f581c7.png)

* * *

# Increase topic post item width

## Before

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/a/aa13355a80bbf82b16e96b5b8ffbd20560fd3479.png)

## After

 ![image](https://global.discourse-cdn.com/meta/original/3X/b/3/b39b891024dd556fbc802836506ee9fdd5e9b732.png)

---

_[View the full topic](https://meta.discourse.org/t/daemonite-material-theme-ample-layout-adjustments/106379)._