Commit 926bcdc1f80334bb51a1de98fcd74feb1601b95c

Authored by Augusto dos Anjos Almeida
1 parent 7f841196

Bugfixes for responsive layout.

sass/_proposal_categories.scss
... ... @@ -176,3 +176,10 @@
176 176 #proposal-group .proposal-item {
177 177 border: none;
178 178 }
  179 +
  180 +// @media only screen and (max-device-width: 480px) {
  181 +@media only screen and (max-width: 480px) {
  182 + .proposal-item {
  183 + width: 95% !important;
  184 + }
  185 +}
179 186 \ No newline at end of file
... ...
sass/_proposal_detail.scss
... ... @@ -516,3 +516,109 @@
516 516 }
517 517 }
518 518 }
  519 +
  520 +// @media only screen and (max-device-width: 480px) {
  521 +@media only screen and (max-width: 480px) {
  522 + form {
  523 + .actions {
  524 + float: none !important;
  525 + width: 100% !important;
  526 + text-align: center !important;
  527 + a.login-action {
  528 + font-weight: bolder !important;
  529 + margin: 40px auto 0 !important;
  530 + padding: 20px 0 !important;
  531 + width: 60% !important;
  532 + }
  533 + }
  534 + .oauth {
  535 + float: none !important;
  536 + width: 100% !important;
  537 + .label {
  538 + margin: 0 auto 10px !important;
  539 + }
  540 + a {
  541 + vertical-align: middle !important;
  542 + }
  543 + .new-user {
  544 + font-weight: bolder !important;
  545 + margin: 0 10px !important;
  546 + }
  547 + }
  548 + }
  549 + .make-proposal-container {
  550 + height: auto !important;
  551 + margin-bottom: 10px !important;
  552 + min-height: 0 !important;
  553 + width: 100% !important;
  554 + .make-proposal {
  555 + height: auto !important;
  556 + margin: 0 !important;
  557 + min-height: 0 !important;
  558 + }
  559 + .send-proposal-button {
  560 + text-align: center !important;
  561 + a {
  562 + position: relative !important;
  563 + left: inherit !important;
  564 + margin: auto !important;
  565 + bottom: inherit !important;
  566 + }
  567 + }
  568 + }
  569 + .support-proposal-container {
  570 + height: auto !important;
  571 + margin-bottom: 10px !important;
  572 + min-height: 0 !important;
  573 + width: 100% !important;
  574 + .support-proposal {
  575 + height: auto !important;
  576 + margin: 0 !important;
  577 + min-height: 0 !important;
  578 + }
  579 + .vote-actions {
  580 + .skip {
  581 + position: relative !important;
  582 + bottom: inherit !important;
  583 + left: inherit !important;
  584 + margin: 20px auto 0 !important;
  585 + }
  586 + .vote-result {
  587 + position: relative !important;
  588 + bottom: inherit !important;
  589 + margin: 10px auto 10px !important;
  590 + }
  591 + }
  592 + }
  593 + .results-container {
  594 + margin-bottom: 10px !important;
  595 + .results-content {
  596 + margin-top: 0 !important;
  597 + }
  598 + .truncated {
  599 + padding: 0 10px !important;
  600 + }
  601 + }
  602 + .experience-proposal-container {
  603 + height: auto !important;
  604 + margin-bottom: 10px !important;
  605 + min-height: 0 !important;
  606 + width: 100% !important;
  607 + .experience-proposal {
  608 + height: auto !important;
  609 + margin: 0 !important;
  610 + min-height: 0 !important;
  611 + }
  612 + }
  613 + .talk-proposal-container {
  614 + height: auto !important;
  615 + margin-bottom: 10px !important;
  616 + min-height: 0 !important;
  617 + width: 100% !important;
  618 + .talk-proposal {
  619 + height: auto !important;
  620 + margin: 0 !important;
  621 + min-height: 0 !important;
  622 + }
  623 + }
  624 +}
519 625 \ No newline at end of file
... ...