search

wyze / atom-seti-icons

The awesome icons provided by Seti UI theme.
https://atom.io/packages/seti-icons
MIT License
33 stars 14 forks source link

Misalignment with Spacegray UI #47

Closed djedlajn closed 7 years ago

djedlajn commented 7 years ago

Hi,

I have been fielding for quite some time to make seti icons to work how they are supposed too i just cant find the right style to target that would fix misalignment i will attach few photos so you can see what i am talking about.

2016-10-29

t1

The tabs are kinda overlapping as you can see and the text or icon are off by few px is there a quick fix for this because i just could not find the selective style to alter and not affect whole tab area. Note that the regular file-icons work just fine.

djedlajn commented 7 years ago

This is the quick remedy that i managed to conjure it works fine in my opinion, but it is not real solution. Copy those lines at the end of Atom > styles.less

atom-workspace .tab-bar .tab .title::before {
    font-size: 22px;
    line-height: 9px;
    margin-left: -26px;
    margin-top: 10px;
    position: absolute;
}

.tab-bar .tab {
    margin-left: 28px;
}

atom-workspace .tab-bar .tab .title::before {
    font-size: 22px;
    line-height: 9px;
    margin-left: -26px;
    margin-top: 10px;
    position: absolute;
}

.tab-bar .tab {
    margin-left: 28px;
}
wyze commented 7 years ago

Hi @kadza93, that fix looks acceptable to me. Would you want to send over a PR and follow what I am doing for other themes in this file: styles/theme-overrides.less