Better Tweetdeck CSS changes

better-tweetdeck-css-changes.css

/* I'm using FiraGo (https://github.com/bBoxType/FiraGO) as the default font in the browser */
* {font-family: sans-serif !important;}

/* adds a bit of padding to the card showing a tweet */
article {
    padding: 10px 5px !important
}

/* I prefer light borders */
html.dark .stream-item, html.dark .column-header {
    border-bottom: 1px solid rgba(255,255,255,0.075) !important;
}

/* adds shadow on each column header */ 
html.dark .column-header {
    background-color: rgba(0, 0, 0, 0.2) !important;
    box-shadow: 10px 0px 20px rgba(0,0,0,0.5), 5px 0px 10px rgba(0,0,0,0.3), 1px 0px 5px rgba(0,0,0,0.3) !important;
    z-index: 1000000 !important;
}

/* a smaller font size looks better to me. this can also be changed in tweetdeck's settings */
.txt-size--14 {
    font-size: 13 !important;
}

/* a better line height to make tweets more readable */
.tweet {
    line-height: 1.54 !important;
}