# Is there a "compact" option like gmail?

**URL:** <https://meta.discourse.org/t/is-there-a-compact-option-like-gmail/76263>\
**Category:** UX\
**Created:** [17 ديسمبر 2017، 4:46م UTC](https://meta.discourse.org/t/is-there-a-compact-option-like-gmail/76263 "2017-12-17T16:46:37Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [21 ديسمبر 2017، 5:23ص UTC](https://meta.discourse.org/t/is-there-a-compact-option-like-gmail/76263/8 "2017-12-21T05:23:26Z")

</div>

This about as far as I could reduce white space without overly interrupting the feel of Discourse.

**Cozy (default) topic view:**

 ![cozy topic view with default white space](https://global.discourse-cdn.com/meta/original/3X/d/5/d54e5b66e956a386be5c931f882ecd6f883906bd.PNG)

**Compact topic view:**

 ![compact topic view with reduced white space](https://global.discourse-cdn.com/meta/original/3X/4/3/433d86af28e6a86da2420fea384aefd23a546dbc.PNG)

And this is what I ended up with:

```plaintext
.topic-body {
	padding: 7px 11px;
}

.post-menu-area {
	margin-top: 0;
}

.timeline-container {
	margin-left: 637px;
}

@media (min-width: 1250px) {
	.timeline-container {
		margin-left: 770px;
	}
}

@media (min-width: 1140px) {
	.timeline-container {
		margin-left: 700px;
	}
}

```

There’s more white space that can be reduced but it’s a matter of personal preference at that point.

However…

* * *

## For reference only.

Here’s the **extra compact** CSS for reference if that’s what you really like.

 ![extra-compact](https://global.discourse-cdn.com/meta/original/3X/1/b/1b511ed4a8b045c3626dc26edf3a4aa072583dbf.PNG)

```plaintext
.topic-body {
	padding: 5px 11px;
}

.post-menu-area {
	margin-top: 0;
	margin-bottom: 0;
}

.timeline-container {
	margin-left: 637px;
}

#suggested-topics {
	padding-top: 0;
}

.topic-status-info {
	padding: 5px 0px;
}

@media (min-width: 1250px) {
	.timeline-container {
		margin-left: 770px;
	}
}

@media (min-width: 1140px) {
	.timeline-container {
		margin-left: 700px;
	}
}

```

My opinion is this needs additional visual ques. Reducing the white space by this much creates a need for color shading to assist readability.

---

_[View the full topic](https://meta.discourse.org/t/is-there-a-compact-option-like-gmail/76263)._