From 06da0da8cbf33c9502719609adfb3202837b8b4d Mon Sep 17 00:00:00 2001 From: Marcin Kulik Date: Thu, 26 Jul 2012 23:15:20 +0200 Subject: [PATCH] Nicely looking auth buttons --- app/assets/stylesheets/application.css | 1 + app/assets/stylesheets/login.css.scss | 24 +- .../stylesheets/vendor/auth-buttons.css | 376 ++++++++++++++++++ app/assets/stylesheets/vendor/auth-icons.png | Bin 0 -> 7306 bytes app/views/sessions/new.html.erb | 4 +- 5 files changed, 380 insertions(+), 25 deletions(-) create mode 100644 app/assets/stylesheets/vendor/auth-buttons.css create mode 100644 app/assets/stylesheets/vendor/auth-icons.png diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 013f7cf..2e0e2be 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -1,5 +1,6 @@ /* *= require vendor/normalize + *= require vendor/auth-buttons *= require overpass *= require base *= require header diff --git a/app/assets/stylesheets/login.css.scss b/app/assets/stylesheets/login.css.scss index bf38add..e997a54 100644 --- a/app/assets/stylesheets/login.css.scss +++ b/app/assets/stylesheets/login.css.scss @@ -2,32 +2,10 @@ margin: 0; padding: 0; - a { - // display: inline-block; - padding: 15px; - font-weight: bold; - text-decoration: none; - display: inline-block; - } - - a:hover { - } - li { margin: 0; padding: 0; display: inline; - margin-right: 20px; + margin-right: 10px; } } - -.github-login { - background-color: black; - color: white; -} - -.twitter-login { - background-color: blue; - color: black; -} - diff --git a/app/assets/stylesheets/vendor/auth-buttons.css b/app/assets/stylesheets/vendor/auth-buttons.css new file mode 100644 index 0000000..d4942ec --- /dev/null +++ b/app/assets/stylesheets/vendor/auth-buttons.css @@ -0,0 +1,376 @@ +/* + * Button Object + */ + +/* + * 1. Corrects inability to style clickable 'input' types in iOS + * 2. Remove excess padding in IE6/7 + * 3. IE6/7 inline-block hack for native block-level elements + */ + +.btn-auth { + position: relative; + display: inline-block; + height: 22px; + padding: 0 1em; + border: 1px solid #999; + border-radius: 2px; + margin: 0; + text-align: center; + text-decoration: none; + font-size: 14px; + line-height: 22px; + white-space: nowrap; + cursor: pointer; + color: #222; + background: #fff; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + /* iOS */ + -webkit-appearance: none; /* 1 */ + /* IE6/7 hacks */ + *overflow: visible; /* 2 */ + *display: inline; /* 3 */ + *zoom: 1; /* 3 */ +} + +.btn-auth:hover, +.btn-auth:focus, +.btn-auth:active { + color: #222; + text-decoration: none; +} + +.btn-auth:before { + content: ""; + float: left; + width: 22px; + height: 22px; + background: url(auth-icons.png) no-repeat 99px 99px; +} + +/* + * 36px + */ + +.btn-auth.large { + height: 36px; + line-height: 36px; + font-size: 20px; +} + +.btn-auth.large:before { + width: 36px; + height: 36px; +} + +/* + * Remove excess padding and border in FF3+ + */ + +.btn-auth::-moz-focus-inner { + border: 0; + padding: 0; +} + + +/* Facebook (extends .btn-auth) + ========================================================================== */ + +.btn-facebook { + border-color: #29447e; + border-bottom-color: #1a356e; + color: #fff; + background-color: #5872a7; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7)); + background-image: -webkit-linear-gradient(#637bad, #5872a7); + background-image: -moz-linear-gradient(#637bad, #5872a7); + background-image: -ms-linear-gradient(#637bad, #5872a7); + background-image: -o-linear-gradient(#637bad, #5872a7); + background-image: linear-gradient(#637bad, #5872a7); + -webkit-box-shadow: inset 0 1px 0 #879ac0; + box-shadow: inset 0 1px 0 #879ac0; +} + +.btn-facebook:hover, +.btn-facebook:focus { + color: #fff; + background-color: #3b5998; +} + +.btn-facebook:active { + color: #fff; + background: #4f6aa3; + -webkit-box-shadow: inset 0 1px 0 #45619d; + box-shadow: inset 0 1px 0 #45619d; +} + +/* + * Icon + */ + +.btn-facebook:before { + border-right: 1px solid #465f94; + margin: 0 1em 0 -1em; + background-position: 0 0; +} + +.btn-facebook.large:before { + background-position: 0 -22px; +} + + +/* GitHub + ========================================================================== */ + +.btn-github { + border-color: #d4d4d4; + background: #ececec; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); + background-image: -webkit-linear-gradient(#f4f4f4, #ececec); + background-image: -moz-linear-gradient(#f4f4f4, #ececec); + background-image: -ms-linear-gradient(#f4f4f4, #ececec); + background-image: -o-linear-gradient(#f4f4f4, #ececec); + background-image: linear-gradient(#f4f4f4, #ececec); +} + +.btn-github:hover, +.btn-github:focus { + border-color: #518cc6; + border-bottom-color: #2a65a0; + color: #fff; + background-color: #599bdc; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3)); + background-image: -webkit-linear-gradient(#599bdc, #3072b3); + background-image: -moz-linear-gradient(#599bdc, #3072b3); + background-image: -ms-linear-gradient(#599bdc, #3072b3); + background-image: -o-linear-gradient(#599bdc, #3072b3); + background-image: linear-gradient(#599bdc, #3072b3); +} + +.btn-github:active { + border-color: #2A65A0; + border-bottom-color: #518CC6; + color: #fff; + background: #3072B3; + background: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc)); + background: -webkit-linear-gradient(#3072b3, #599bdc); + background: -moz-linear-gradient(#3072b3, #599bdc); + background: -ms-linear-gradient(#3072b3, #599bdc); + background: -o-linear-gradient(#3072b3, #599bdc); + background: linear-gradient(#3072b3, #599bdc); +} + +/* + * Icon + */ + +.btn-github:before { + margin: 0 0.6em 0 -0.6em; + background-position: -44px 0; +} + +.btn-github:hover:before, +.btn-github:focus:before, +.btn-github:active:before { + background-position: -66px 0; +} + +.btn-github.large:before { + background-position: -72px -22px; +} + +.btn-github.large:hover:before, +.btn-github.large:focus:before, +.btn-github.large:active:before { + background-position: -108px -22px; +} + + +/* Google + ========================================================================== */ + +.btn-google { + border-color: #3079ed; + color: #fff; + background: #4787ed; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); + background-image: -webkit-linear-gradient(#4d90fe, #4787ed); + background-image: -moz-linear-gradient(#4d90fe, #4787ed); + background-image: -ms-linear-gradient(#4d90fe, #4787ed); + background-image: -o-linear-gradient(#4d90fe, #4787ed); + background-image: linear-gradient(#4d90fe, #4787ed); +} + +.btn-google:hover, +.btn-google:focus, +.btn-google:active { + color: #fff; + background-color: #357ae8; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)); + background-image: -webkit-linear-gradient(#4d90fe, #357ae8); + background-image: -moz-linear-gradient(#4d90fe, #357ae8); + background-image: -ms-linear-gradient(#4d90fe, #357ae8); + background-image: -o-linear-gradient(#4d90fe, #357ae8); + background-image: linear-gradient(#4d90fe, #357ae8); +} + +.btn-google:active { + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); + box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); +} + +/* + * Icon + */ + +.btn-google:before { + margin: 0 1em 0 -1em; + background-position: -88px 0; + background-color: #e6e6e6; +} + +.btn-google.large:before { + background-position: -144px -22px; +} + + +/* Open ID + ========================================================================== */ + +.btn-openid:hover, +.btn-openid:focus { + border-color: #777; + background: #fcfcfc; +} + +.btn-openid:active { + background: #f5f5f5; +} + +/* + * Icon + */ + +.btn-openid:before { + margin: 0 0.6em 0 -0.6em; + background-position: -154px 0; +} + +.btn-openid.large:before { + background-position: -252px -22px; +} + + +/* Twitter + ========================================================================== */ + +.btn-twitter { + border-color: #a6cde6; + color: #327695; + background: #cfe4f0; + /* css3 */ + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f5f7), to(rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(#f1f5f7, rgba(255,255,255,0)); + background-image: -moz-linear-gradient(#f1f5f7, rgba(255,255,255,0)); + background-image: -ms-linear-gradient(#f1f5f7, rgba(255,255,255,0)); + background-image: -o-linear-gradient(#f1f5f7, rgba(255,255,255,0)); + background-image: linear-gradient(#f1f5f7, rgba(255,255,255,0)); + -webkit-box-shadow: inset 0 1px 0 #fff; + box-shadow: inset 0 1px 0 #fff; +} + +.btn-twitter:hover, +.btn-twitter:focus, +.btn-twitter:active { + color: #327695; + border-color: #8dc2e4; + background-color: #cadde9; +} + +.btn-twitter:active { + background: #cadde9; + -webkit-box-shadow: inset 0 1px 0 #bbd6e7; + box-shadow: inset 0 1px 0 #bbd6e7; +} + +/* + * Icon + */ + +.btn-twitter:before { + margin: 0 0.6em 0 -0.6em; + background-position: -22px 0; +} + +.btn-twitter.large:before { + background-position: -36px -22px; +} + + +/* Windows Live ID + ========================================================================== */ + +.btn-windows:hover, +.btn-windows:focus { + border-color: #777; + background: #fcfcfc; +} + +.btn-windows:active { + background: #f5f5f5; +} + +/* + * Icon + */ + +.btn-windows:before { + margin: 0 0.6em 0 -0.6em; + background-position: -110px 0; +} + +.btn-windows.large:before { + background-position: -180px -22px; +} + + +/* Yahoo! + ========================================================================== */ + +.btn-yahoo { + border-color: #ffb305; + background: #ffc426; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0)); + background-image: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0)); + background-image: -ms-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0)); + background-image: -o-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0)); + background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0)); +} + +.btn-yahoo:hover, +.btn-yahoo:focus { + background-color: #fabf20; +} + +.btn-yahoo:active { + border-color: #f09700; + background-image: none; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); +} + +/* + * Icon + */ + +.btn-yahoo:before { + margin: 0 0.6em 0 -0.6em; + background-position: -132px 0; +} + +.btn-yahoo.large:before { + background-position: -216px -22px; +} diff --git a/app/assets/stylesheets/vendor/auth-icons.png b/app/assets/stylesheets/vendor/auth-icons.png new file mode 100644 index 0000000000000000000000000000000000000000..00d3b032dd8e8c8d0e9d2ec72ae7086884849d59 GIT binary patch literal 7306 zcmZvhbx;&goX0m8>TEL0BmfR8VSxRq2)z zX(nVY+R-uuq?y?OIu=J!7H`z4qd>C#ZLQvv`08a((4x5 zi5&s}IPdCdX_$x4?G{O7mfK9lYT%%XOh;Bsw9h{}rz!H&#`KjwKrt~yt6o|0(>~W} znYwZq{1IzpVX7y(=(xOXK9smG>ey$vpg8+f{n%h3xW+F;Fq7#;TM0xWFYiyYeMBh_L0tr*}&hF z!2t+}@De>1NiJHlEC>^m zNS__0r?>k_>DL?US%(0b(eFYiw+L}W9>Zy~%-iaB_xqEmNRtYV^lIlm+_IV?1ooM2bmGy`fMyPf zJfRe?lHbd7AX?Bnf4pn4>gLE!BgQ(=%*b09l?=$%`0V%)hJ^Zl;bD%uuXN{}y7nv{ zy}NWPTLvBOlCjC@N_v_g(IP4y;~DF@pktcUa>r2UtEr&33; zFdKyklnf5rxImVzreBRdF56>|0(v9RVBn)p{!}26ivvFMF!>$emi>n)z+1b

>%x z%RN>-u$y7;Yo|Fun2|G&XBu;AGh5)D@@%#VptIdv6IY}NY&@Qf`$#Y8c_bwxZwty? z!}@23Sch&Mb~QH5QMx5q$H;S;NvJm0JIeqE?8MqNF9?u)_FdPQOw`#jMKq{BebfVT zQR3H19haZ@CW4bYpoh}GvPrr%GCw=a-txu!>a%z0Hk-n^ImSw4@Pl$&=^exSlm4#;|R~Wh28}k5NoyM;Zy#5Ds3vKVib%0FSKsNm8u{|tj|PgV+UsBy>y3>hXJC&ov+$dz z*d0Mjq*!Ljy+ju?q#BGp&dG`-O*PPke%4PpHB_xn&x9RpzNVCwxpA@TKMe|T8V>D> zrU{8CJpH)X2-$ji$L&(GgRP_C^D?12pQo+oE+)?CN!F2w7xkFJS(ogF$n=>pY}4R2 znG>m&PjgYEL>Z|mJC70GlPT{8(0LgU=;Z^!KQ&q`yU>KoumbH@_N*c{ByqAa=(Ee5 z2OETc_qKL?dr@?D16#2*Sl3NM*^Q|ny>q*}hlVB^vu?kXRip<)$%r>PoJIi)D(Ww( zNIUn5(}5eWz#S3xa-M^SVn^w*NBNGCkl!$rp@gX@SqH~9-8qw0A9x;a_a&Qoe3-~OO^xvqaJ%l;IHJ|Po@?LdG(=*$sQPk?*Osmv1%6eM-8Ckl_MQuHWr{JAaZfoZ(s7{4f&k5&##kd zDH;aCoKzv#u_qL`*GnuVV_al15fNTP@_iRwx-T)4efR>ak5iq;42^%gN#QsBq#ANe z71WoAsjuuB_vI}PWV>G&k(e~ljh#gx0zyw+B|S72-_)qGD^Yh6_dE2$y;F&&gH|M>Os zUnqMfEYnoq%ed82C55JxW9h5B-Uh*n+lKv5y8Gbw0XfYpNuJrKPb6TyD{U;t+ImW3 zY=e!YM~DT(%MX3o%5k3Y2^VOTv=h<1RfPOQK?~NC&_DKg)} znQue)^twY1y69faj7i-v|D&B3J34Y9t5Oe%{OCi>b<2lU}<_;uh@e9P@Dv4D3~D zNelDq<-pUp$d)(ECS_VTMJNUWT{2QBj_zenw4`-_&%?Do2(GeB)RRzwBh!G~KK*@zTMLgCQ_rYao`0S5pZd*{rLPBjbNA_ZB}WX(0=;6xQPubdMefqK zC}|r09ea7+BTapA+2F@(4^`3NoC~zrwpPy$%`^2F{KuF9r5RE~b zOvHAQkpJYh>+8E_tZT&hZ*=<~hPxK(Mcu0*8k|bswXW&zT+Qno@m2oocWXcq=pv4< zBuhUhMs%#k+qM>qOWYC?7!B5Lv`zE6N_4KDsMxt7zlW)vnkl}28ELdd*t1*uO*$Ba zgj*GZF2Xi40PMOL$9N_;A!>@HQne?>sl#2zO6IpLdgzf~L#8L*4$7uyvRQmcA~i2{ z>n9L>Hwb*oPA*Xl*x}{$!2Cunq=LHGzXu@}ZZHrH)G2d>h5sGt9Cs!NOz(*Xl-sqL zvfloEHr^`!94XuLuTuqserjkxQZ!!L4YfBrosm7x&MR-0V4!^v<#AW){Y9aYJA_`Q zFzAYAJ7v`w2VjJy3O_>*+i*gT11Vmd>wa8|q9uaKp?}?fhU3ZycoBz<+q%;Mf1-ou zTE&Sam%1eD`LRNrI)7nY-{iKzdg0ChUOd?d@zw_6E?k)va5Fxum**yTBmePd-GQlH zZpIW+N<=z^JPZPVP+7=e5>2040o*M3SRREryM`2z!ze0MktFsc{7c~G^M7vzU_ASO z`hNYGcAe#>H~CPn*|7`b5-B9_7i+_Q&J7P;nYGF6OmHi3Y;()6VvDV5{RadlKdVH? zI`=RTd*D)3p^+8Ybn17nObGa702!#iR|77%f__IW>+~e>1#mSwp46#V@7f9(`d^kP zuBZ2aZlo(85_mNaspx|ykC1-5+0Pi=UnK*X9m`aih-u`;Habu|8?yfr4ToPsiHF)m)xigcaK$9vO0K1_oF8H?-3Q3G07Zxljv$`I(xmN!)0 zE#f!uy7Wa-rF>j;WV5SGfY_cC6Y*%COBrirFjz55()t{QHqjr}dEM%JRKq{bFg&+w z*kJi|rWo`Hv;V+9yt*nW0Pk?_{8)dyQl*fCt5#&q8YuC+9@E3B>7mLe5My!#o*nD4 z7f>@BimOokii+SR5dH8DBjZzIIY(X(e-b$3_l~b2F3+O$V_Xu9$6H%mAjE5+<;(=4 zfmoV*dM+MOag@do#c8Vf=X7M+Zs1{?U&iwLXE#JjFUqfZxW*E{{2Lj_{r~~8A+Nq+ z$fb$6l!Rqe4JW^9{X`GSgaM|w>Boj)Img|^WZwZh?tg~B^VAVvy;8db;l4*+ix*Rq z_L^%c5yaNXRNr=TgLkUF<0VW)0Chy;(_FHMarN)5ZlF!)$429BfLK*abwV`PMFa+2 z>!p14Sjc5}?XNDmmwvJ1dWM~0ZT}FX0C2VI^-M7U2o~@)9DVpVAd&XA)9uy z>C4cfR{9AqXJPQ3(vOcb5BirQIw*zMA0xPhefR5TAk~udXHH_L7v))fjSI|elXT9z z!H|p-+_}wjQ;h9j>o#ith95Vl2SOJ(smJja#$~4elI$d-k&j&X$^c;s4{-wBI;54Q z$_m>oE2w*h8E@Skj5J0R0nhQ&450o-E$l|=MJEprC)hbO)fl`g1YrV$Mzb>A5yt7y zf)=;+fFDEjf(0t`ijA*^Lb?A&RJ-qfc`EUIm&~I~{;fGuqgfrC8Iq7W{#-R}xOGm% zm5;8z}d&8t_=#^S0S23%f5vr)8N^_Yl3Xu-Xyzqeob|H{cY)j z+kr*3$qi5IQPcuI>qM(p-#7WO@~>-+sL5IQ1iyB*MQ}Ggg@;?fC z<;?S&2(GqL@3L1VQ=(qIuNyJ;h=NpQatjR@A316)?r&|RCVX0Ag7@Qn(KrOWWC0?# zX58b7_zMK?bvl<8V78Y|U}YBMj`uVeaYA{4lF`_S8?i)2*a{~ZaT%H#kqb7IBKIu2 zQ@94W-~h?e1>=5102iMfb#f@1%AKa*ovOG!1pDtZVRma@;<#YAs37uc40_I)7d|F0 zj?dhybbF;{du%3E7v542nse7cQc~E@HKzxF=4!bW9x5AtJ(-5!?^IL!pgd{mgCt6zQCqC{RT@xVU0Qawbe;9b{0 z?Jzuo)z*56H)7MC8zQJdN0sOnqkD);5}q-vMNqUbwH=aM`(wVKMc;&6H{rOCSNN{h z&+3y1lkkR;&Q1=c;_t6cLuCv#xS%FN+ChxwYV(|)qa+kV-?9EBe74QXexoIz^ns?Z zh3g4`t;EAhq0)_pM}+|Z4lEA9Y2b7fO~*TY>wH{6HL`li>tk*`W>bhn-nz26mj^~m zUhyuQ_sEe`Qz0(wqf0aThaNDniyzX)l=g2G+NIPj#u5!NXd*{_b&}rUg^m3{_II?s zpYpjrQr8gc$Zr?dNXAr)v-L?e?NNjXiTPoIw+ODSgaz-Tlhw&3QRwMC>?TZTOT<^b znBb)|A8((mI-G1gluw(#u#y!^@w*cN+qqeTI6s=YxDD29i;{z@2Z{CcL2a|-V3HpC z!3Du)=e#B6>VNl|Tz38P{>(!{_zs|{PYzD02KggvX~eYayNlPlUy_m%*Uwh;C}`e+ z*iGo7ca0)c2O^AVsBuGk?=u+K(GYnY7wPO`IY>5XPNkg~h}?t= zeWPTk7aGfc<=%QQyIZ@t;)|ypH912|FjR zJQm=cYgtP-h|B*(KOHcn0%c7=+|ny(a`5`Y-knqEEQiDU2ecriVO_GZZ^^$lJ`rA$ zL8O}+=K-Mi8K9v5Z-gj7cd2TvGkNvmhEP7J>^(^NZWDlcXH2kcM;|qUZ>Nga*7m3< zB<3Lyf4{^Ii3($}3`$9j7kLY?1bbUKPw|%#^*kjEOn7QG6apn5jz76AQTV<&sjDzF z)>%~*$&`EuzIkKYpjcSFN#Cehsn8wrC`@wELf z(f<7euYx0E(VT`vTw;NHi^ z#Jx=aI2p*S=nkYeIY9Z5POTYhN}1S;#{^R`T5g0G5J`+JG#uLIL=$VZlw9 zHfOw)025NvbATmU>0X+2oM61iU}d-|6sgQ}7=?U}Ml0)3kz``W|H(9p`n#A*j)V$e z{h0EG1Pj(~Ke!bAq_etiVHxBX@H3x!U`%F&6z?X{guOzeNpRrFXEuoTqs?h)Rj~ub zY?6oP3oJxx{oVE~h4rO6MysRbCxY^Orn4~OlXLF@#?D{cB-xSoODGKAn7PYy85nlUD-CLrK@YNzxh9GL_PV764^;}wE{P#ak8Wdqb$5mI*#x-9~F zz8MGpANSwkIC8|qv`I}ECatLcPyLIrT20=?ZQv{Ey4M}^Bo#t8+2X8IfxtYphNdJ* zKZZXzx2$}Wy&{Bm_2>1z7c>zxe8sjOI*q03);0lYKFAJz4{cTuik)cwvd_6I`nObximD?;X?(TZD5{Mp>D z8zRf`oUoL*H`ZND8Dt=lqB9tb_ChRSgUnj(m(kopwy9)_-0?CmOl8MC-s8(!)#L|R zi?_limlKwp>gI1dCeq#Qv|TN(b3gYz(uO=2uzZ0jt7%6-nrew*J~7LyD8y~J72qcH z-PLc-)QC2xXQkMMXzZgEM>Uy6d#bGmTBW-WjlmdnyNX~Zr6~(PLL5Ye+A!0+()4x+JHM=s$ z!q=w$91XSo&C4673j4$$z0`5q6WJm`wyAKXiJ>VKm+zpXEtOgtDS4(8dUuJ{5PANC z-Jzg`^g~__3utb>A=$0&DJ#uy2!S@N_ezH12aNPmmp*hpNc5&MxhG)B(HtmoA~VuA z{ae>Y7W^BRCY%3GJP$zza=I)%Ady4Uv5S;b5Yj0^u93dr>JM+3TU8A|`>usN0$gji zjknNi#j(Xzsy?xT=h8P2V5U#aA_ttjoCN(o<@dNoR5{5V~I%|Ie0FD5nmE_d2HJ)!?*BAkM+D2N9 InogMi0NI~|$p8QV literal 0 HcmV?d00001 diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb index bad2708..803629e 100644 --- a/app/views/sessions/new.html.erb +++ b/app/views/sessions/new.html.erb @@ -7,8 +7,8 @@

    -
  • <%= link_to "Log in via Github", github_auth_path, :class => 'github-login' %>
    • -
  • <%= link_to "Log in via Twitter", twitter_auth_path, :class => 'twitter-login' %>
    • +
  • <%= link_to "Log in via Github", github_auth_path, :class => 'btn-auth btn-github' %>
    • +
  • <%= link_to "Log in via Twitter", twitter_auth_path, :class => 'btn-auth btn-twitter' %>