Reduce amount of padding / space on widget
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
09-07-2022 10:47 AM
We have a widget that is calling a table which displays the results , however, the titles are very far apart:
We'd like it to look more like another widget we have:
As you can see here, the space between each line is much closer together.
I've adjusted the CSS padding (see code below) but it didn't change anything. Ideas?
.panel {
position: relative;
}
.panel-heading i {
cursor: pointer;
position: absolute;
padding: 0px;
top: 0px;
right: 0px;
cursor: pointer;
}
.disabled-filter {
color: #A0A0A0;
}
.list-group-item.ng-enter {
transition: all 1s;
-webkit-transition: all 1s;
background-color: #c0dcfa;
}
.list-group-item.ng-enter-active {
background-color: #fff;
}
.hide-x-overflow {
overflow-x: hidden;
}
.translated-html > p {
margin: 0px;
padding: 0px;
}
IMG {
max-width: 320px;
max-height: 240px;
}
IMG.img-sm {
max-height: 40px;
max-width: 40px;
}
.filter-box {
margin-top: 1px;
}
.panel-footer {
.number-shown-label {
margin-top: 0;
margin-bottom: 0;
font-size: 16pt;
display: inline-block;
}
a {
color: inherit;
}
}
.list-group-item > a {
display: inline-block;
}
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
09-07-2022 11:26 PM
Hi Julia,
maybe there are more HTML elements around the paragraph (<p>) element that have a padding themselves. Have you inspected the elements in your browser? That way you can see which element is causing that unwanted padding/margin.
In Chrome you can see computed styles like this:
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
09-09-2022 10:57 AM