... | ... |
@@ -2168,3 +2168,25 @@ button.close { |
2168 | 2168 |
margin:5px 0; |
2169 | 2169 |
width:70%; |
2170 | 2170 |
} |
2171 |
+ |
|
2172 |
+.collaboration > div:first-child { |
|
2173 |
+ font-size:17px; |
|
2174 |
+ padding:5px; |
|
2175 |
+ border-bottom:1px solid #d8d8d8; |
|
2176 |
+ font-weight:bold; |
|
2177 |
+ margin-bottom:10px; |
|
2178 |
+} |
|
2179 |
+ |
|
2180 |
+.collaboration input[type=text] { |
|
2181 |
+ border:1px solid #d8d8d8; |
|
2182 |
+ border-radius: 3px; |
|
2183 |
+ padding:6px 5px; |
|
2184 |
+ margin:5px 0; |
|
2185 |
+ width:40%; |
|
2186 |
+} |
|
2187 |
+ |
|
2188 |
+.collaboration input[type=submit] { |
|
2189 |
+ padding:6px 5px; |
|
2190 |
+ margin:5px 0; |
|
2191 |
+ width:10%; |
|
2192 |
+} |
... | ... |
@@ -107,36 +107,39 @@ |
107 | 107 |
%= include '/include/errors', errors => $errors; |
108 | 108 |
%= include '/include/message', message => flash('message'); |
109 | 109 |
|
110 |
- <div class="row"> |
|
111 |
- <div class="span2"> |
|
112 |
- <ul class="unstyled" style="font-size:13px;"> |
|
113 |
- <li class="border-gray" style="padding:6px;"><a href="<%= url_for("/$user/$project/settings") %>">Options</a></li> |
|
114 |
- <li class="border-gray" style="border-top:none;padding:5px;"><b>Collaborators</b></li> |
|
110 |
+ <div class="project-settings"> |
|
111 |
+ <div class="left"> |
|
112 |
+ <ul> |
|
113 |
+ <li><a href="<%= url_for("/$user/$project/settings") %>">Options</a></li> |
|
114 |
+ <li><b>Collaborators</b></li> |
|
115 | 115 |
</ul> |
116 | 116 |
</div> |
117 |
- <div class="span10"> |
|
118 |
- <div style="font-size:16px;margin-top:10px;margin-bottom:10px"><b>Manage Collaborators</b></div> |
|
119 |
- % if (@$collaborators) { |
|
120 |
- <table class="table" style="margin-bottom:0"> |
|
121 |
- % for my $collaborator (@$collaborators) { |
|
122 |
- <tr> |
|
123 |
- <td> |
|
124 |
- <a href="<%= url_for("/$collaborator") %>"><%= $collaborator %></a> |
|
125 |
- <form action="<%= url_for->query(op => 'remove') %>" method="post" style="display:inline-block"> |
|
126 |
- <%= hidden_field 'collaborator' => $collaborator %> |
|
127 |
- (<a href="javascript:void(0)" onclick="$(this).closest('form').submit();" style="color:red">remove</a>) |
|
128 |
- </form> |
|
129 |
- </td> |
|
130 |
- </tr> |
|
117 |
+ <div class="right"> |
|
118 |
+ <div class="collaboration"> |
|
119 |
+ <div>Manage Collaborators</div> |
|
120 |
+ % if (@$collaborators) { |
|
121 |
+ <table> |
|
122 |
+ % for my $collaborator (@$collaborators) { |
|
123 |
+ <tr> |
|
124 |
+ <td> |
|
125 |
+ <a href="<%= url_for("/$collaborator") %>"><%= $collaborator %></a> |
|
126 |
+ <form action="<%= url_for->query(op => 'remove') %>" method="post" style="display:inline-block"> |
|
127 |
+ <%= hidden_field 'collaborator' => $collaborator %> |
|
128 |
+ (<a href="javascript:void(0)" onclick="$(this).closest('form').submit();" style="color:red">remove</a>) |
|
129 |
+ </form> |
|
130 |
+ </td> |
|
131 |
+ </tr> |
|
132 |
+ % } |
|
133 |
+ </table> |
|
131 | 134 |
% } |
132 |
- </table> |
|
133 |
- % } |
|
134 |
- <form action="<%= url_for->query(op => 'add') %>" method="post"> |
|
135 |
- <div class="well" style="padding:5px"> |
|
136 |
- <%= text_field 'collaborator', style => 'margin-bottom:0' %> |
|
137 |
- <input type="submit" value="Add"" > |
|
135 |
+ <form action="<%= url_for->query(op => 'add') %>" method="post"> |
|
136 |
+ <div> |
|
137 |
+ <%= text_field 'collaborator' %> |
|
138 |
+ <input type="submit" value="Add"" > |
|
139 |
+ </div> |
|
140 |
+ </form> |
|
138 | 141 |
</div> |
139 |
- </form> |
|
142 |
+ </div> |
|
140 | 143 |
</div> |
141 | 144 |
</div> |
142 | 145 |
</div> |