joberschweiber avatar joberschweiber committed 1ac9291

Fix up issue styles

Comments (0)

Files changed (5)

 use_threadpool = true
 
 use = egg:Paste#http
-host = 127.0.0.1
+host = 192.168.42.77
 port = 8001
 
 [app:main]

rhodecode/public/css/style.css

 header .followers-forks {
     font-size: .7em;
     float: right;
+    font-weight: normal;
 }
 
 header .followers-forks img {
 #journal .entry .details a {
 }
 
-.issue-controls a {
-    float: right;
+.issue-controls {
+    margin-bottom: 8px;
+}
+
+.issue-controls a, .issue-controls input {
+    margin-bottom: 5px;
+}
+
+.issue-controls form {
+    display: inline;
+}
+
+.issue-search {
+    display: inline;
+    margin-left: 20px;
 }
 
 .issue-up-button {
     margin-bottom: 5px;
+    font-size: .7em !important;
+    font-weight: normal;
 }
 
 #issues td.active {
 }
 
 .issue-title {
-    font-size: 1.5em;
+    font-size: 1.1em;
     font-weight: bold;
+    background: #eee;
+    padding: 10px !important;
+    padding-bottom: 5px !important;
 }
 
 #issue {
     width: 100%;
 }
 
+#issue td {
+    padding: 0;
+    padding-top: 5px;
+}
+
 #issue pre {
     border: 0;
     background: white;
-    margin: 1em 5px;
-    font-size: 1.1em;
+    margin: 0;
+    padding: 9px 0;
 }
 
 .label-changes {
     background: whiteSmoke;
 }
 
+.issue-comments :last-child {
+    border-bottom: 0;
+}
+
 .issue-comment {
     border-bottom: 4px solid #eee;
     padding-left: 5px;
-    padding-bottom: 20px;
+    padding-bottom: 5px;
     padding-top: 1px;
 }
 
+#issue pre p {
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    margin: 0 0 0 0;
+}
+
 td#issue-meta {
     width: 165px;
     vertical-align: top;
+    border-right: 4px solid #eee;
 }
 
 td#issue-meta table {
     border: 0;
     padding: 0;
     width: 50%;
+    vertical-align: top;
 }
 
 div.issue-meta .labels {
 }
 
 #issue-form {
-    border: 0;
+    border-top: 4px solid #eee;
+    margin-top: 20px;
+    width: 100%;
 }
 
 #issue-form td {

rhodecode/templates/issue/list.html

 
 	<div class="issue-controls">
 		${h.link_to(_('New Issue'), h.url('issue_new', repo_name=c.repo_name), class_='btn')}
-		<form method="get" action="">
-			<div id="search-form">
-				<input type="text" name="q" id="q" value="${c.q}" />
-				<input type="submit" value="Search" class="btn" />
-			</div>
-		</form>
+
+        <div class="issue-search">
+            <form method="get" action="">
+                Search Open Issues for 
+                <input type="text" name="q" id="q" value="${c.q}" />
+                <input type="submit" value="Search" class="btn" />
+            </form>
+        </div>
 	</div>
 
 	%if len(c.issues) == 0:

rhodecode/templates/issue/new.html

 <%def name="main()">
 	<h2>New Issue</h2>
 	${h.form(h.url('issue_create', repo_name=c.dbrepo.repo_name))}
-	<table id="issue-form">
+	<table id="issue-form" style="border: 0">
 		<tr>
 			<td class="label"><label for="summary">${_('Summary')}</label></td>
 			<td>${h.text('summary', value=c.summary)}</td>
 		});
 	</script>
 	<%include file="/issue/js_autocomplete.html"/>
-</%def>
+</%def>

rhodecode/templates/issue/view.html

 
 <%def name="main()">
 <%include file="/issue/js_toggleStar.html" />
-	<div class="issue-title">
-		<div class="issue-up-button" style="float:right;">
-			<small>
-				<a href="javascript:void(0);" onClick="backToList();" class="btn">Back to list</a>
-			</small>
-		</div>
-		<a id="toggle-star" href="javascript:void(0);" onClick="toggleStar(${c.issue.issue_no});" class="nounder">
-			%if c.starred:
-				<img class="star" src="${h.url('/images/icons/star.png')}" />
-			%else:
-				<img class="star" src="${h.url('/images/icons/star_empty.png')}" />
-			%endif
-		</a>
-		${_('Issue')} ${c.issue.issue_no}: ${c.summary}
-	</div>
 	<table id="issue">
+    <tr>
+        <td colspan="2" class="issue-title">
+            <div class="issue-up-button" style="float:right;">
+                <a href="javascript:void(0);" onClick="backToList();">Back to list</a>
+            </div>
+            <a id="toggle-star" href="javascript:void(0);" onClick="toggleStar(${c.issue.issue_no});" class="nounder">
+                %if c.starred:
+                    <img class="star" src="${h.url('/images/icons/star.png')}" />
+                %else:
+                    <img class="star" src="${h.url('/images/icons/star_empty.png')}" />
+                %endif
+            </a>
+            ${_('Issue')} ${c.issue.issue_no}: ${c.summary}
+        </td>
+    </tr>
 	<tr>
 		<td id="issue-meta"> 
 			<div class="issue-meta">
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.