@@ -431,28 +431,32 @@ div.group-content .group-description {
431431}
432432
433433.file-wrapper {
434- position : relative;
435- overflow : hidden;
434+ display : inline-block;
435+ width : auto;
436+ max-width : 133px ;
436437}
437438
438439.file {
439- font-size : 200px ;
440- position : absolute;
441- top : 0 ;
442- right : 0 ;
443- opacity : 0 ;
444- -moz-opacity : 0 ;
445- filter : progid:DXImageTransform.Microsoft.Alpha(opacity=0);
446- cursor : pointer;
440+ font-size : 22px ;
441+ position : fixed;
442+ opacity : 0 ;
443+ margin-left : -33px ;
444+ margin-top : -6px ;
445+ -moz-opacity : 0 ;
446+ filter : progid:DXImageTransform.Microsoft.Alpha(opacity=0);
447+ cursor : pointer;
448+ max-width : 138px ;
447449}
448450
449451# remote-file {
450- float : right;
451- clear : both;
452+ float : right;
453+ display : inline-block;
454+ margin-left : 6px ;
452455}
453456
454457 .form-inline {
455- margin : 0 auto;
458+ /*margin: 0 auto;*/
459+ width : 100% ;
456460 display : table;
457461 vertical-align : middle;
458462 }
@@ -468,6 +472,8 @@ div.group-content .group-description {
468472 border : 1px solid # B0B0B0 !important ;
469473 box-shadow : none !important ;
470474 text-shadow : none!important ;
475+ left : -18px ;
476+ overflow : hidden;
471477
472478 }
473479
@@ -489,7 +495,7 @@ div.group-content .group-description {
489495 }
490496
491497 .just-on-pro {
492- background : # FFF url ("../images/available_pro.png" ) no-repeat scroll 0px 1px !important ;
498+ background : # F5F5F5 url ("../images/available_pro.png" ) no-repeat scroll 0px 1px !important ;
493499 width : 250px ;
494500 height : 100px ;
495501 cursor : not-allowed;
@@ -514,7 +520,7 @@ div.group-content .group-description {
514520 box-shadow : none !important ;
515521 font-family : "Open Sans" , sans-serif;
516522 font-weight : 700 ;
517- margin-left : 2px !important ;
523+ /* margin-left: 2px !important;*/
518524}
519525
520526 .from-web-btn : hover {
@@ -527,14 +533,20 @@ div.group-content .group-description {
527533 -ms-transition : all .3s ease;
528534 -o-transition : all .3s ease;
529535 transition : all .3s ease;
530- margin-left : 2px !important ;
536+ /* margin-left: 2px !important;*/
531537 border : 1px solid # 89B158 !important ;
532538 box-shadow : none !important ;
533539}
534540
535541.preview {
536542 width : 100% ;
537543}
544+
545+
546+ # sidebar > ul > div .initial-screen > div {
547+ padding : 0 20px ;
548+ }
549+
538550.from-chart-btn {
539551 color : # 646464 !important ;
540552 border : medium none # 646464 !important ;
@@ -545,8 +557,8 @@ div.group-content .group-description {
545557 box-shadow : none !important ;
546558 font-family : "Open Sans" , sans-serif;
547559 font-weight : 700 ;
548- margin-left : 2px !important ;
549- margin-top : 2px !important ;
560+ /* margin-left: 2px !important;
561+ margin-top: 2px !important;*/
550562}
551563
552564 .from-chart-btn : hover {
@@ -559,26 +571,24 @@ div.group-content .group-description {
559571 -ms-transition : all .3s ease;
560572 -o-transition : all .3s ease;
561573 transition : all .3s ease;
562- margin-left : 2px !important ;
574+ /* margin-left: 2px !important;*/
563575 border : 1px solid # 10aecb !important ;
564576 box-shadow : none !important ;
565- margin-top : 2px !important ;
577+ /* margin-top: 2px !important;*/
566578 }
567579
568580 input # existing-chart {
569- left : 18px ;
581+ /* left: 18px;
570582 width: 110px;
571- position : relative;
583+ position: relative;*/
572584 }
573585
574586 select # chart-id {
575- left : 44px ;
576- position : relative;
577- width : 120px ;
587+ float : right;
588+ width : 95px ;
578589 }
579590
580591 button # editor-chart-button {
581- width : 260px ;
582592 margin : 0 auto;
583593 display : block;
584594 background-color : # 2f8cea !important ;
@@ -658,10 +668,8 @@ div.group-content .group-description {
658668 cursor : pointer;
659669 display : block;
660670 margin : 0 auto;
661- width : 260px ;
662671 line-height : 34px ;
663672 font-size : 17px ;
664- width : 260px ;
665673 height : auto;
666674 -webkit-border-radius : 3px ;
667675 -moz-border-radius : 3px ;
@@ -670,6 +678,14 @@ div.group-content .group-description {
670678 margin-top : 5px ;
671679}
672680
681+ .return-settings-btn {
682+ width : 90% ;
683+ }
684+
685+ .advanced-settings-btn {
686+ width : 100% ;
687+ }
688+
673689.return-settings-btn {
674690 margin : 10px auto;
675691}
@@ -698,7 +714,16 @@ div.group-content .group-description {
698714 .rate-the-plugin {
699715 margin-left : -8% ;
700716 }
717+ }
701718
702-
719+ @media screen and (max-width : 782px ) {
720+ .button .button-primary .file-wrapper .computer-btn , # remote-file , # existing-chart {
721+ padding : 0 10px 1px ;
722+ line-height : 26px ;
723+ font-size : 13px ;
724+ vertical-align : middle;
725+ height : 28px ;
726+ margin-bottom : 4px ;
727+ }
703728
704729}
0 commit comments