Tocas: .ts.slate裡面的按鈕異常巨大

[gnehs]

可能和 #208 相同的圖示問題

<div class="ts large heading center aligned slate">
    <span class="header"><i class="circular inverted terminal icon"></i>我被CIA監控了嗎?</span>
    <span class="description">點擊下面按鈕來檢查</span>
    <div class="action">
        <button class="ts primary button">
            檢查
        </button>
    </div>
</div>

[gnehs]

NAV也差不多這樣

<nav class="ts fluid pure large basic menu">
    <div class="ts narrow container">
        <a href="#" class="item router-link-active"><i class="circular inverted terminal icon"></i>我被CIA監控了嗎?</a>
        <a href="//cdn.gnehs.com.tw/" class="item"><i class="circular inverted user icon"></i>棒棒勝OuO</a>
        <div class="right menu">
            <a class="item" href="en.html"><i class="circular inverted comments icon"></i>English</a>
        </div>
    </div>
</nav>

[lekoOwO]

爆肝

[gnehs]

卡片

<div class="ts card">
    <div class="content">
        <div class="header"><i class="circular inverted comments icon"></i>起源</div>
        <div class="description">
            <p>因為看了這個影片，所以一時興起做了這個網頁XD</p>
        </div>
    </div>
    <div class="ts fluid bottom attached buttons">
        <a class="ts button" href="http://forgetfulbc.blogspot.com/2017/03/selfcia.html">Source</a>
    </div>
</div>

[YamiOdymel]

問題關錯了，應該是要關 #219 的，不過順便說一下這個是設計上不太好處理的問題，而且也攸關於瀏覽器方面的限制（瀏覽器有字體最小限制，所以那個圓形沒辦法太小），所以那個圓形看起來大大的沒有辦法做修改。

我這次解決的只有那個夭壽大的圖示，順帶一提，另一個能夠讓圖示在 .header 裡面不要那麼擠的用法就是以 .ts.header 替代單純的 .header。

<span class="ts header">
    <i class="circular inverted terminal icon"></i>
    <div class="content">
        高科技超酷炫終端機
    </div>
</span>