# Compact view option

**URL:** <https://community.fibery.io/t/compact-view-option/2025>\
**Category:** Ideas & Features\
**Created:** [September 16, 2021, 1:59pm UTC](https://community.fibery.io/t/compact-view-option/2025 "2021-09-16T13:59:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Travis](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/travis/32/1490_2.png) [@Travis](https://community.fibery.io/u/Travis)\
**Post date:** [September 16, 2021, 1:59pm UTC](https://community.fibery.io/t/compact-view-option/2025/1 "2021-09-16T13:59:44Z")

</div>

I’d love a compact view style option for Fibery.

I’m very bad at css, but I’ve been tweaking things using Stylus to come up with my own best attempt. For anybody interested, here’s what I’ve got so far. Suggestions welcome.

```auto
.ProseMirror ul, li, p {
    line-height: 1.3 !important;
    margin-bottom: .1em !important;
}

.ProseMirror h1, h2, h3, h4 {
    line-height: 1.3 !important;
    margin-top: .5em !important;
    margin-bottom: .1em !important;
}

.enhance > .EntityNodeView {
    min-height: inherit;
    line-height: inherit;
    margin-bottom: inherit;
    background-color: rgba(134, 134, 134, .2) !important;
    padding: 2px 5px 2px 5px !important;
}

.core, .EntityLinkGroupItem {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
}

.MenuItem {
    height: 25px !important;
}

```

---

<div class="post-metadata">

**Author:** ![Oshyan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/oshyan/32/11431_2.png) [@Oshyan](https://community.fibery.io/u/Oshyan)\
**Post date:** [September 16, 2021, 6:36pm UTC](https://community.fibery.io/t/compact-view-option/2025/2 "2021-09-16T18:36:07Z")

</div>

Can you provide a little screenshot for those who don’t want to apply the CSS just to see the example? 😉

---

<div class="post-metadata">

**Author:** ![Travis](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/travis/32/1490_2.png) [@Travis](https://community.fibery.io/u/Travis)\
**Post date:** [September 17, 2021, 9:04pm UTC](https://community.fibery.io/t/compact-view-option/2025/3 "2021-09-17T21:04:15Z")

</div>

Sure. Compare the default style:

 ![Screen Shot 2021-09-17 at 5.02.21 PM](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/2/26e02cc5d8b15620a0f433f95ce4b08cdd63b4fe.png)

With my poor attempt at a compact style:

 ![Screen Shot 2021-09-17 at 5.02.08 PM](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/0/091c62c213a800f6edab886726ff2855e251f438.png)

---

<div class="post-metadata">

**Author:** ![Chr1sG](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/chr1sg/32/3941_2.png) [@Chr1sG](https://community.fibery.io/u/Chr1sG)\
**Post date:** [September 18, 2021, 7:36am UTC](https://community.fibery.io/t/compact-view-option/2025/4 "2021-09-18T07:36:26Z")

</div>

Thanks @Travis.  
I actually use 80% zoom with Fibery just to achieve something similar!