diff --git a/static/css/directives/repo-view/repo-panel-info.css b/static/css/directives/repo-view/repo-panel-info.css index 3f3dd02c3..a17c53657 100644 --- a/static/css/directives/repo-view/repo-panel-info.css +++ b/static/css/directives/repo-view/repo-panel-info.css @@ -1,8 +1,3 @@ -.repo-panel-info-element .right-controls { - margin-bottom: 20px; - float: right; -} - .repo-panel-info-element .right-sec-controls { border: 1px solid #ddd; padding: 20px; @@ -49,7 +44,11 @@ margin-top: 20px; } -.repo-panel-info-element .right-controls .copy-box { +.repo-panel-info-element .right-pull-controls { + margin-bottom: 20px; +} + +.repo-panel-info-element .right-pull-controls .copy-box { width: 400px; margin-top: 10px; margin-bottom: 20px; @@ -87,16 +86,41 @@ padding-top: 18px; } +.repo-panel-info-element .description-container table { + width: 100%; +} + +.repo-panel-info-element .description-container table td { + vertical-align: top; +} + +.repo-panel-info-element .description-container table td:first-child { + width: 100%; + padding: 10px; + padding-right: 30px; +} + +.repo-panel-info-element .description-container table td:first-child p { + display: block; +} + +.repo-panel-info-element .description-container table td:first-child pre { + max-width: 100%; +} + .repo-panel-info-element .description { padding-bottom: 0px; position: relative; - margin-right: 410px; } @media (max-width: 767px) { .repo-panel-info-element .description { margin-right: 0px; } + + .repo-panel-info-element .description-container table td:first-child { + padding: 6px; + } } .repo-panel-info-element .description p { diff --git a/static/directives/repo-view/repo-panel-info.html b/static/directives/repo-view/repo-panel-info.html index be2eb5125..aafa4de26 100644 --- a/static/directives/repo-view/repo-panel-info.html +++ b/static/directives/repo-view/repo-panel-info.html @@ -62,37 +62,39 @@