From 6547b01bb5252890e1c8e289b31e75a1e387fdf1 Mon Sep 17 00:00:00 2001 From: Micah Lee Date: Wed, 11 Jun 2014 21:31:37 -0400 Subject: [PATCH] improved GUI layout, so there is less word-wrapping of long strings of hex --- onionshare_gui/static/logo.png | Bin 9172 -> 4559 bytes onionshare_gui/static/style.css | 94 +++++++++++++++------------- onionshare_gui/templates/index.html | 39 +++++++----- 3 files changed, 75 insertions(+), 58 deletions(-) diff --git a/onionshare_gui/static/logo.png b/onionshare_gui/static/logo.png index 979973cae09539cbabd8c70811ddd822f06a5782..c8140bda26e24730c8871489fc384b4ed2fe23ba 100644 GIT binary patch delta 4553 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 literal 9172 zcmb7~byQSgwDyOdA*5S6B}E31?hXlQ>FyBeW&lxIq(K^#ZloKL1}UXMLb{{`?#uUm z_pbG=b^o|`v4-KCGn_f+yzk!o*}vzFQdg75!KA>1Kp;4Z3No7DJ?G&CMF+p%kJ)g7 zH*|Alc^Sz4!%t3I@dvO6=Bl9o8Un#0e0U*2(lg1xP7Du4RauNBbSM!q-Y3BeM+k%# zq9`Nz();JWk)Phn>7~GnY^+%%axy$K8HtsWNEsp}4o(K*TQSws(BerVTptWh<<1iI z@n^)nzj!A0+*?0p?`chr{~*AD^2GWcA+H5PQF^R8L(=B=4sjn9gmz;49g>?aZLO~Q zB+aMPFI|;icA>+Q^F=S$G_C)loTzWzd4U59ZU$~qj67r3^vr+l1jKLLnA<%_^jV{uYuJz;e zz*C>LfNjY$Ib?eZIBSb8dLIhf#>EC}vo@mJAsl>@hIe`Vv|kI3TUf6)awDCy>$!V) zK?mwuyZQ6KUWiT=Q+m@E;cFqt0$j@yqw|lGmN;d7+ysf3FiY&U(F3@!9I)PI^|`vb z1y4a(E@RGna<o@j;E(*cve!_ERR>! z+)5!(>rB5cgFYEooZnE>Aa8)>AnfpPu9X4_@3^Cg^04x#;0T%Ha`ViqP3(&7mUqIs z2RV(GTBwqpuTxnf+Mg3~cicUD)%r>Wb%Wqz;YWoiCCR@p=GC8Q+d4Y#eWb%qWHh6z z3BG5)gBsGH3$q9lBF!VqYLt|h^>yK3xVc{_rjAn(_OQ@MudEn zMkvlgaUf^fR#n9T!yk!8i=oJTxQr+MT0s?c50jdWW=*0S>6K6*%sp+Pmy3!vLFuXc ziNbJfHjZ*aVN`JQT6Y50!_|PnE^^Gh8+}*aOJcU$^VGNBmJmsJ-?U7vi+lOj+#D~= zd$pbvuc7PmF>yYfY1kJe(m12urR_E_S(y8)APIViE7&QI{U6p;{nRw*Ty)|;g1wlf z_t787nUh_EJEKBUKRu-xr5Do&j8LqUaxF?laenNl3hBwB;L27 zVd=?kMxtdl{*hMvuD&5O{1*BZ!j-9Kx}u}V)|tbdEG~iO->u1>Tq27t-Tw(dRm0x% zAvrp`o0@BPY|(fD8DyY)N*Fw_C27hW+*T_pax1d>XB`tO0qt7hT4Ikwj%Gj%Z$65) z4i6dfgN-lgqteTd+L9W15+7SJ*$OdbePo+Hyv87AA|8j^O4vQIrGVQOM7MaGE1nQU zX9!np;T?Umkv|&w=@R`cpU#s+n*L*FbqB*jz~buf!|*_qo35_Dkcpcl(vCT z(a)~z#uzLmq2Pu=@Y3N?$lJBZm51n*_hn@YD=dC^XA*a354YgA-XtqqsI9rdA1C9W zG5Ho5Gl$;wI+Tagor0r`vpJkM=Zp435ETTZMNr7%)Y9)ehb%eQ|L&zD7{Eth3>lV^_$F}UYI+}#gxN5`mJwx`bVe+Y%}9Euu|Qg zp&aKPqm$EutfJQtK)!(9a!$5ZFWcL_8?IoSIP8lNSxmQSik~X z-CnQ4J7I13g&1-3~-=#I~qNyvxHAXV0GMMwSi^&(~GH&^`qiQ90w#`E#7M98KKeED*eN;?!E1K=KlIH6c~o<_6O-qS-P3W z22+K3I&Cn$M3Yc$3tcz*(7u2^z0A6~mFbp6w6xD@bNJOL?=beZ9&VjKd$GjJr^8s; zHS9}B?TGX(#<~2SS2gp=PH=EMq&JZC{ax5~Z6J4{R8-r9-$ai6N^CF){tZi%gcmuu z{P#8F2ki&UIy+D=6EDX*D_(!(0KE>~{z2?lBAyA9$U4b7<}PQ(GbZ0%%4lXj8MwgF zP!{o#b0NDg$|INc#Agoc1$--wr$vMapIW`aTvz5+or;Uv#9x;;oo?4&Eb5Bo2^&~9 z1Amk8WEKr zXB&*>YksM6n&-F7`u>b3f@#3=clO6JDip~nI2Tn1s(yAfIkF~E_-W)Q@64x4UdD>j z3h9$XOUq)b46+_%kPWJz+wnMrH-jR)g`0&Tt6{`q>SVQ>EL5 zC6JdV0u2>`YC3aMtJiW@U0{(VRGuS^OugV5pFklV@Wr{*m>X72M7N z6V6&HH4G`~SR=E!%w=DCV&76Vxo^IU;=%6eUqU~f8L`+uD~x@9_7a(7nN1E#L9w5SnPwau3INsG>f|Flw8xW%st1_$tR%C)cjHMr>rr@ApgY>Dc!O$rgWH`w`WXlUz#q{@P@|WK_r06 zKX*|ZdB&}IDRzjJ&;~{3MM7*!Q$V3-G8gc(HJ7x$F_F1mX59z zD~O##m4WuufN0~!>S}!5F(cVGK5sH?e%0F{@dgdc{44WrJIfFo;#!=087*-l^eMgJ zb&Ygy1r*!Qhs?rUWWN;tO0gw0bOHHg(n~o0euw3h*AeCCA{sv%zowgJ3%#SKs2$|P zKHTY}=2zc-N4s1xLXmkQ&GDYn+JT)UW`Dzqwz^Fq4waWBeiDk+O1zgXz3ySd05wWRq5y^H<3=S~HHPg;kI4 z_3;`1i((hqPKTXY4{;Y=+!6UHxCDf9ir;)YHP@ALF9PucRd3#4N2dGdcLPRl)fqdR zrQ2T@31H6UvB>1tlugoR5rMhzGFhA6R|-zBtkw$-$Akt;y{79Qqr`2GAKQN8!0zD2 zd229$Dw6K~(u;nlnrL3h5#LMX5w*0a!QEn4AJV6+8|=~S(VV&@HSR{I9sXChSN4%X ze#djNy=qZ?X)dFk!;>m50Ru^qw$^qLyvv!Adr5k2LqF5{S8}?@MBJaQ&pN#~jEe~j zFltj9SlBJSa-?#q_8)M+Y@2JAn6%2l(g|v#0AJ@pp9{2Z6c*v}&5IX}2%sE$H_k=md2jXpdc{& z-TqKR*rYmoK=z72m>Glhl2%Zn#l{CI4VIzebxqZGnRr_ z)cUVji`nl+=mD{I2~%VpMSBr@)i|e|weIUDF^~9kQ{c;ge;@fNUa0a^7+1W#X2t}i zNXVi4a@_ktB8VVW8op6vf+C9`;TE?)w^CQNHFFBtDi$5v=6k{!PMP9T$7~8ZjFR2y zGTV0I7G00eN#7S|sn|U$CB(TG;buKO=y;41PPnbiP-MHCDeON~ksMI7Gv7bHeD0&0 zB5D$`yKVWmLOtfa64pc0sbgNso15O~?-?b zc3^fijk}R=V_o4VIvB+2;=8)>tI?88!YEn2i=f@7u5%Lo)UW<9^j*`;_DqauZ0$*U zG0{m9unux}fnES7k!Ka_D*EF06K*c~`L-HySc!Lz?P+f|*T9vrc_2ewX(M~yJvmNe zNApertc4eLg)F8PS{DT?w5;-bqz83M`nK)!pleXS| z-{Rcl+FlGaQT|8!7)Jq1DYYRx_bGP@3aY`q+LP??-0@d$30q#|6y-%s-Ta*U^&pq? zXE|DRpydWwiFvHw-fu+PwvSpqPmTB?|1MRUXIs3f;~*VxF%AJ*Ry&hIw?Gr1MzZYr zghN{u9=-GJMgCKIHOw(wqQRGC_SOA-W;dU2^&^znFr{ z{H2$B4^4mw|*B((H#FSL#o35MYQ^I0A z1etv-Tlg}|^d#i1Ide2~9a}^xRi~=(^lAUL=;dSAZ)1V6?=9}{si@3aVuX{>Co;}! zY7G#BIw)6pp?+1hf1n2vrm^8M#pA+Q)@J>JDOsb|SI-xNH2h2TSTv8kMTSkpXQw))C}P;yd23!cKx#*JTof`w3c>HA+N;WzJ8y_rJz9VXNk)TOaiQtTcIn?FP4su z^L8+A@azLwa}61~WD5*WRnS{|;07G5uplHnliFZdr-GR7^*& z$%;-S@(+m(15}DzY8xxP=$8}!6}%wmQ*6&CYG+>OLDEzh^$l()ZI0de${p41Us^C* z0mgXE&&v0kuOwM__uOh?K-24toTB;nG%QiVNSo@f+`jAruA3|6hIJi51TD15cb5cf zSnNa0VT1qd_v?BEm~sMBZFf!Luay#uAo*KLyPBtx*Uvdn6?0A`narik)#DAvE#Ma) zYjyE13?9E!n%3%QDo_|Mt14qFT{~mSLVr%K?Z+F?W*y3?u4No{URgP?&)(P~dc}3? z3WL=Wjw|qqW%-K`6aY;yLD^XUHA)qTw%Pgo-${r%XU5i`EiwLZr|zs$uV&6Gz*a17 zPWDxAYJMeffX2(xFu4g|6yeb#>`8Qg8 z57^d<23B)V%!(h20G<@D;#UT`_{{dYZ^o#fTYlI+#_tD{GDprh4AH@~0)$XL%Q8^j zJ3~r~TaY`6MWm9TWjmH`ZKMLww-iDPlGH;yHw$Sx7r|m{-5*iEop&61oIlb%q zL!et2l5+Q#Kp~2~mPCCj$H)E?c?0wGIyr9tP+yD^;fcb_g-Qtz1vsV)5yeQ$Ketuf z-ZqlRX8T3W^qdUjzuD5FX|use$!o12J`C_uyI#Bz`0k25mHt!=zQnqQAQ!hb-9M|( zfhQg8sK5((N6LpKPs071aLl-F^X9wb1Fex`U>x(NcE*h$ zZ%`;JJgzuk!6P|4JN;0j$@gpMz!smjjPkXzsoBUvEQ@Rua$nYw;7f+FbDvX{Q{XA#^1u_Mnv)d8K3ktHTLJW zjp&F*Aplnlzvq(aUMBFUFy7KU6~(NsC0lD>6NhcjE#p7pdK4|@ZEeq7XMdn5aiV~z zcobe6`MMD{^fVVXggJ!ANB2%+U}Kr|KBk^`M(VS=r#?6X25Dq+U>M_g(x^MdO7FG= z=%C%RlO5zbLT;bBEQ<7J?08_PHhFFu$R)1>f$a}JXRxJAo$!zAwhPu8TBvheI-=Yi zxU4R0&J-Ph%c)X@uYB!VypE3FG#0tG?XEy{KU1?dRlX$YhcD;jrDLrM{2kjo=R|#c zwm{o|({by2rt493j$x=*=Y!wh!AG4G@kd9dz>Xp*q8s$f_^+Q9$#TEZAtc!#F}>a0 zJ)cAXabdbkV9mGuVN78At7JKh^?*IXBR=W4>&N*&v!ZI(Qz;c=A@Z1?2ZZT%Klsg0 zCI|JJeCQsysB$A`czxEJEyZu^tCC$PGLbTk_7cm~6@?}}KhqpC-YF_>4q`wiB_{{k z)#LU*VW$uO)7ZB&DI))IeS|84U_#JYN-8u~g~C-II94}7cPAmdT;YKco=^?F`F@6n z8Ui|vhtLQO@@jo-0wRp2{hAKWhO?etDHf57rPWhnz*(3Y3K;h zkSxcH1Jn#TUq1@AqO_7z>6IJ2$CBqFlYQqnu_>$f)rRTu;^P=LwUTMu)$Prmgh3In(hvBMS=#3Tpn9-?Jui3m0x=d~aSxej>k4q)v|?lOD_> z=tcC3Bllf82DVpZ$o#(uODJ!miczW8FX4Gsv^O?iZuo(xybD@CaR{^gyw2V=#3KP$* z8p+o;W2G-`R?8Dn%As={O6xX#ya#;EIBq>N%7!tMH)Wq~-IFT{j3gzUk=T^j(mfAO z71}a5`S|(s66~+5y&580DupA^aHWqjy2?31+5zRj1bJXbMJkl`xxQycRxS{j&{Vwf zV*+e=y;@8Lb>y%4;grC!_n#tlQ`+q7%<$@!V*ZJrBmgm36ZE}*q%0$z_!})P>dLV< ztwLUS(g>k~z$B+-KBb*H5gJZ;$PXjTL;NLB0%$;|&vk z;;@M?*wq05dFUz(r{SwJ0cEQo4XL4Inl6t~Pj)D*-n4Q9odz971#z!`nC1=O6&OG{ zAQ#vzat}{GFh+e&(Bj$37j!ZlD8{e4)Zx*IF$!nqB*h@$ zraKmy(_hpFOK2%h0}NIDOfS|scFx0@(87EHF_86*bJg(7B$k|>2IB9w``)tyZ@<|K z{BtUqSi(n1Hg*o_$vj3vLp_O31cXD?7*m;2S@dcE`-(Z@#ojoD7nupvhzhekIP11S zU)*{Xm>&S!NdOAt=Jv&t;Zy|ifI|Xv#kBeTOg`5g0AiwF1ZsH9F4=pk8GT>? zWx2_TMZFB=sqGIQSbvih452+wFyGinDC?^s!X=t(HLaEOoH(aYZF;k#g-dCf=#MIC z3J%9#dsH-iof0gXpQ!Ef5Z{q^JM0(jRf*>L>DjVqOxR9=_${2=_|vm1Y11JB_%pTn zHeT0i+)&1rYJKc*x^e&jBLhufY>fUwkQuOa~V zP`1qOYHnKGKv=iKH|497mAsK+Iz6YY&Ne4bskWdS-KY2-ACJJ)T!$q-Ej@|~UpU9R z^X{`YeKnMF%o$M|S!?`h_U4tg4X%yMUi6Bk1TikrTih6d!hN9-0LSrYD8^vmiJ03U zmNs@1(HwnN&oNwGZzV_3y#Zi+$kC;!vAPG@MQ~SKd#`YzvwfxAzBwzFY zWBJq_pYF11NxeK?_qM({#e*|_>lJ}hLEBtL#FB`U-8{!u*CQA<)m4fooyrLCAfN^I zfBsv#O>Jt16d+1uX=EM&=ZcAxi`wwXmcluj78>%;nR)JYbO7Eli46~Aav$p_ru+b4KWDKUSjgKE3uxkIv zE+GvxRoFvu=Xq}H8b_DcY#g(@GwWu*{3L9@kPeFczLBfH>FYY#2pz9IQij`qx;m<4 zp!Z)%2;%{6;RBAmPF84;n1WBXEA@mkkh9aPFt9b}{X5;Z0@XA4&ZDv&~*W z?cX{=k|mydqesp$Y(=mul|(RRBA;~*@kJ**KT1B~uN8$o5g$4eHAKbNkDyy1qSiv+ zj%4=x2p0ePztvMY-s-Uze$;eWQY$-Ku=aS|kn!i~sSZCVY^Mzt2ET^=5dD04zFjHD zYi(g2+x1K@?Yr9eO0@l}W zDkDEWcPM)``e))-=@SOl{-w-!Okn?STsxjXXC>fEA1t@W8O}F?W+}MF&kCGKJ&85i zSp^!}xl7YJ`figK3exv~T8$3eiSkmW%#gUTuuc^SfVtk+KHbv;k(*1l5D1F)!&(4h z5_+t>L%2{b;e+0NNVDdN_q<=?`@sHVthZG@xCzPuNP5*ob};ud0nw0X!@*m4j4R z2pU7O+nodD#1vCNYZv0PHpe-v{;%~p$r(5C2WJKA()+&jLhwobdS>uQb$;ux2=Eiu z;7&GD1FpyJk^nwmqFz?j==QR5nDT;&yBEDMXonOAdogh2)>F;uhM$j-Ldk~|QpA=H zn$pd>q#?u%GzPP8_`=%r>zBe`_*LW}eS+BO_0eo=1SpvfL|RwrFpio;&ga%3-~m}? z4nO4yLjm?{??1$q(HF}D4OG-%bZrza>Xx^_TT-2gmn{_#HxmPz6^$2*H{Y8Xc+I?Q z%Ipa>LTJFpc@Nx&weVSEiMfcU*3HF#Es^=x|I5H`{*`^@a5TsSodYPhK}=;U7OgEi z7y=v}JPd+IE0f2{U~rh_b|4@{Cw!1M_dIjV@~uyW&Y@fSJj)dKpdLt!O{-z03g%w1 zu{yGdI`7{yJ<~(x&j+=1)c-X)@B;b(%Jq$@mBK?6iS#kwelLA| zvdi7*_b4(d_;Jqvx7^@jZYgxea|W9J7}2R10<4C`&3OlAWC}ch8D7@2y;AOo00HC1 zduko$&3y=QQF)&kK_@9~YUVWY=bIKGQVbDT&+%a7o~`f1FUAA>raoI5bDb8xDRp!y zqJW`@4;O@jKr*0uy_~;+x~Po!@V{Pou^@cLv4}N=4KC^X!AHqs38X7g!FSHYxkmeN`KWh5#mwN1JD3?YB3kCm=7or$aAj5`HtBCZa7)iQx%&`nH4Bz(B0}S%us9Tg^ sFjf$N4d7z{!;tTG^VIideEl9NX33uEnTKCKSbqailvR_dkTMPZ4^(P{$p8QV diff --git a/onionshare_gui/static/style.css b/onionshare_gui/static/style.css index af292047..c0a3052c 100644 --- a/onionshare_gui/static/style.css +++ b/onionshare_gui/static/style.css @@ -1,66 +1,59 @@ body { color: #000000; font-family: arial; - width: 520px; + width: 550px; height: 400px; margin: 0; padding: 0; } #wrapper { - width: 520px; + width: 550px; height: 400px; } -#metadata { - float: left; - width: 200px; - height: 380px; +#header { + height: 80px; padding: 10px; background-color: #ffffff; - text-align: center; } -#metadata #basename { +#header #logo { + float: left; + width: 80px; + height: 80px; + margin-right: 10px; +} +#header #header-content { + float: left; + width: 440px; + height: 80px; +} +#header #header-content #basename { font-family: sans-serif; - font-size: 18px; + font-size: 20px; font-weight: bold; - margin: 10px 0; - padding: 5px; color: #000000; - word-break: break-all; - background-color: #f9f9f9; - border: 1px solid #f0f0f0; + white-space: nowrap; + overflow: hidden; } -#metadata #filesize, -#metadata #filehash { - margin-bottom: 10px; +#header #header-content #filesize, +#header #header-content #filehash { + margin-top: 5px; word-break: break-all; text-align: left; color: #666666; display: none; } -#metadata .label { +#header #header-content .label { font-size: 12px; } -#metadata .value { +#header #header-content .value { font-weight: bold; font-size: 12px; } -#metadata #close-on-finish-wrapper { - margin-bottom: 10px; -} -#metadata #close-on-finish-wrapper input { - cursor: pointer; -} -#metadata #close-on-finish-wrapper label { - cursor: pointer; - font-size: 12px; -} ul#log { - float: left; - width: 299px; - height: 400px; + height: 258px; margin: 0; padding: 0; list-style: none; @@ -68,12 +61,13 @@ ul#log { overflow: auto; word-wrap: break-word; font-family: monospace; - border-left: 1px solid #000000; + border-top: 1px solid #000000; + border-bottom: 1px solid #000000; } ul#log li { - margin: 10px; + margin: 0 10px; padding: 10px; - border-bottom: 1px solid #aaaaaa; + border-bottom: 1px solid #cccccc; } ul#log .weblog { color: #009900; @@ -103,6 +97,29 @@ ul#log #close-countdown { font-style: italic; } +#footer { + height: 20px; + padding: 10px; + background-color: #ffffff; +} +#footer #close-on-finish-wrapper { + float: left; +} +#footer #close-on-finish-wrapper input { + cursor: pointer; +} +#footer #close-on-finish-wrapper label { + cursor: pointer; + font-size: 12px; +} + +#footer #copy-button-wrapper { + float: right; +} +#footer #copy-button { + display: none; +} + .button { -moz-box-shadow:inset 0px 1px 0px 0px #d197fe; -webkit-box-shadow:inset 0px 1px 0px 0px #d197fe; @@ -142,10 +159,3 @@ ul#log #close-countdown { background-color:#7c16cb; } -#button-wrapper { - text-align: center; -} -#copy-button { - display: none; -} - diff --git a/onionshare_gui/templates/index.html b/onionshare_gui/templates/index.html index 8b285a62..5bcc37f8 100644 --- a/onionshare_gui/templates/index.html +++ b/onionshare_gui/templates/index.html @@ -5,23 +5,18 @@
-
+