Minor styling bugs or enhancements following styling and template refactor (r3736)

[kbraak]

I will detail each bug or enhancement needed in a separate comment, accompanied with
a screenshot. 

Original issue reported on code.google.com by kyle.braak on 2012-06-06 07:54:49

[kbraak]

Resource's list header, and description text are too close to the left. 

See screenshots showing old ipt.gbif.org, vs new version

Original issue reported on code.google.com by kyle.braak on 2012-06-06 07:57:14

---

• Attachment: Screen Shot 2012-06-06 at 9.54.03 AM.png
  
• Attachment: Picture 22.png
  

[kbraak]

Edit buttons do not align on manage resource page

Chrome, v. r3744    

Original issue reported on code.google.com by kyle.braak on 2012-06-06 07:58:34

---

• Attachment: Picture 23.png
  

[kbraak]

It appears as if the 2nd column of information in the manage resource page is shifted
very far to the right, because of the 1st column's row "A new EML version has been
published"

I would prefer shortening the row's text, shifting the 2nd column back to the left,
thereby minimizing the space between the 1st and 2nd columns a bit. 

Original issue reported on code.google.com by kyle.braak on 2012-06-06 08:02:58

---

• Attachment: Picture 25.png
  

[kbraak]

The margin or padding should be uniform on both sides of the Action message (green)
or Warning messages (yellow) or Error messages (red). Please see the attached screenshot.
Notice all the padding on the right side.

Original issue reported on code.google.com by kyle.braak on 2012-06-06 12:44:08

---

• Attachment: Picture 24.png
  

[kbraak]

Some strange styling around source file specifications. Compare snapshots, one of which
is from ipt.gbif.org to show you the existing format

Original issue reported on code.google.com by kyle.braak on 2012-06-06 14:32:36

---

• Attachment: Screen Shot 2012-06-06 at 4.28.44 PM.png
  
• Attachment: Screen Shot 2012-06-06 at 4.30.06 PM.png
  

[kbraak]

On add organization page, the password field and save button are way to big. Please
take a look at the attached screenshot. 

Original issue reported on code.google.com by kyle.braak on 2012-06-06 14:37:51

---

• Attachment: Screen Shot 2012-06-06 at 4.34.47 PM.png
  

[kbraak]

Improve size and quality of GBIF logo. Previously it was larger and was better quality.
Please see attached screenshots of before and after

Original issue reported on code.google.com by kyle.braak on 2012-06-06 14:48:36

---

• Attachment: Screen Shot 2012-06-06 at 9.54.03 AM.png
  
• Attachment: Screen Shot 2012-06-06 at 4.45.38 PM.png
  

[kbraak]

On source preview, the preview is shown below the footer. It should replace the original
window instead, like it did in 2.0.3. Please see the screenshot attached. 

Original issue reported on code.google.com by kyle.braak on 2012-08-02 13:33:04

---

• Attachment: Screen Shot 2012-08-02 at 3.31.36 PM.png
  

[kbraak]

The singe extension page (click on the name of any installed extension listed on the
core types and extensions page) has various styling inconsistencies between the old
and new styling. Please see the attached screenshot.  

Original issue reported on code.google.com by kyle.braak on 2012-08-02 13:37:39

---

• Attachment: Screen Shot 2012-08-02 at 3.36.46 PM.png
  

[kbraak]

(No text was entered with this change)

Original issue reported on code.google.com by kyle.braak on 2012-08-02 19:11:19

• Labels added: Priority-Critical

[kbraak]

(No text was entered with this change)

Original issue reported on code.google.com by kyle.braak on 2012-08-07 08:51:10

• Labels added: Styling-Issue

[kbraak]

The save button on setup page 2 is extremely small, please take a look at the attached
screenshot. 

Original issue reported on code.google.com by kyle.braak on 2012-08-08 09:24:57

---

• Attachment: Screen Shot 2012-08-08 at 10.54.22 AM.png
  

[kbraak]

Buttons on translation page have different sizes: see screenshot

Original issue reported on code.google.com by kyle.braak on 2012-08-14 15:21:00

---

• Attachment: Screen Shot 2012-08-14 at 5.19.11 PM.png
  

[kbraak]

Problem with translation page buttons fixed in r3952. 

Original issue reported on code.google.com by kyle.braak on 2012-08-16 10:50:48

[kbraak]

Two irregular edit buttons that appear in comment 2 have been updated to look like other
buttons in r3953. 

Original issue reported on code.google.com by kyle.braak on 2012-08-16 14:19:33

[kbraak]

At least the buttons are fixed on Comment 6 (add organization page) in r3955

Original issue reported on code.google.com by kyle.braak on 2012-08-16 15:28:52

[kbraak]

Comment 9 addressed as r3970.

Original issue reported on code.google.com by bko@gbif.org on 2012-08-23 13:26:14

[kbraak]

Comment 8 addressed as r3973.

Original issue reported on code.google.com by bko@gbif.org on 2012-08-23 14:00:06

[kbraak]

Comment 5 addressed as r3972.

Original issue reported on code.google.com by bko@gbif.org on 2012-08-23 14:00:46

[kbraak]

Regarding the new column layout for the extension page, resource home page, vocab page,
etc.. please see the attached screenshot. 

Why is the Title in the left hand (shaded box) sometimes in the middle and sometimes
up top? Can it please always be at the top?

Original issue reported on code.google.com by kyle.braak on 2012-08-24 08:14:21

---

• Attachment: Screen Shot 2012-08-24 at 10.10.37 AM.png
  

[kbraak]

On the resource home page, a large logo is displayed at the top now in its own section
by itself. Before, the text in the description used to wrap around it and extend to
the full width of the page. Please see a comparison of new vs old styling. To simulate
yourself, you can download and import this resource from Canadensys: http://data.canadensys.net/ipt/resource.do?r=acad-specimens

Original issue reported on code.google.com by kyle.braak on 2012-08-24 08:16:37

---

• Attachment: Screen Shot 2012-08-24 at 10.06.40 AM.png
  

[kbraak]

I need to look into this more (not sure if it is styling or template related) but there
is a floating taxonomic coverage that gets improperly displayed - see highlighted portion
of screenshot. 

It should be appended to the family list. 

Original issue reported on code.google.com by kyle.braak on 2012-08-24 08:26:20

---

• Attachment: Screen Shot 2012-08-24 at 10.24.49 AM.png
  

[kbraak]

On Chrome 21.0.1180.82 the save and cancel button on the basic metadata page appear
all the way at the top. It should be at the bottom. Please see the attached screenshot.
If I zoom in or out of the page, the buttons actually move to the bottom of the page
where they should be - strange. 

Original issue reported on code.google.com by kyle.braak on 2012-08-27 08:57:07

---

• Attachment: Screen Shot 2012-08-27 at 10.56.15 AM.png
  

[kbraak]

Please see my update to this issue also: Issue 838

Original issue reported on code.google.com by kyle.braak on 2012-08-27 08:58:22

[kbraak]

There's no reason each user can't be on a single line, wouldn't you agree? Please see
that attached screenshot. Thanks

Original issue reported on code.google.com by kyle.braak on 2012-08-27 12:00:36

---

• Attachment: Screen Shot 2012-08-27 at 1.59.20 PM.png
  

[kbraak]

The delete button on the edit user page is enormous. Please see screenshot taken from
Chrome + my mac. 

Original issue reported on code.google.com by kyle.braak on 2012-08-27 12:02:38

---

• Attachment: Screen Shot 2012-08-27 at 2.01.33 PM.png
  

[kbraak]

This issue was updated by revision r4007.

Original issue reported on code.google.com by kyle.braak on 2012-08-28 13:44:34

[kbraak]

You can ignore Comment 22, it has been fixed in r4007. 

Original issue reported on code.google.com by kyle.braak on 2012-08-28 13:45:18

[kbraak]

There is an enormous amount of space between the sections in the show only mapped fields
sections. Please see attached screenshot. 

Original issue reported on code.google.com by kyle.braak on 2012-08-29 14:07:53

---

• Attachment: Screen Shot 2012-08-29 at 4.06.16 PM.png
  

[kbraak]

A single large extension title makes the manage overview page look quite out of shape.
Can we please fix the width of the drop down here? Please see screenshot: 

Original issue reported on code.google.com by kyle.braak on 2012-08-30 13:43:35

---

• Attachment: Screen Shot 2012-08-30 at 3.41.25 PM.png
  

[kbraak]

Some additional things with the public resource page that don't look very pleasing:
the associated parties and citations sections. Please see screenshots. You can use
the attached eml.xml to reproduce the view. 

Original issue reported on code.google.com by kyle.braak on 2012-08-31 14:27:09

---

• Attachment: Screen Shot 2012-08-31 at 4.24.55 PM.png
  
• Attachment: Screen Shot 2012-08-31 at 4.24.43 PM.png
  
• Attachment: eml-mt-inventory-v7.xml

[kbraak]

Source page looks rather weird in traditional Chinese, please see screenshot. Is this
ok Burke?

Original issue reported on code.google.com by kyle.braak on 2012-09-06 13:13:04

---

• Attachment: Screen Shot 2012-09-06 at 3.11.07 PM.png
  

[kbraak]

All comments addressed as r4035.

Original issue reported on code.google.com by bko@gbif.org on 2012-09-07 14:08:43

[kbraak]

unnecessary halfcolumn container. addressed as r4037.

Original issue reported on code.google.com by bko@gbif.org on 2012-09-11 09:45:09

---

• Attachment: halfcolumn.png
  

[kbraak]

The issue in comment 32 was fixed as r4038. The word wrap of file path is also fixed.
The key is to use max-width property for the <td> tag.

Original issue reported on code.google.com by bko@gbif.org on 2012-09-11 09:54:43

---

• Attachment: max-width.png
  

[kbraak]

Right floating core mapping box on Firefox, see imaged. Fixed as r4039.

Original issue reported on code.google.com by bko@gbif.org on 2012-09-12 10:24:52

---

• Attachment: firefox floating.png
  

[kbraak]

Mapping page had the title link to the resource overview with the name of the source
data file. To correct this and make it more reasonable. We link the title to resource
overview with resource name, arrange the "mapping source data" section to the top with
link to source data file, and put the "core type section" below "mapping source data"
section.

Provided as r4041.

Original issue reported on code.google.com by bko@gbif.org on 2012-09-13 10:05:44

---

• Attachment: before.png
  

[kbraak]

Further to comment 20, in Opera and Firefox, the title in the left hand column on the
public resource page is completely in the wrong section (see screenshot). Only in Chrome
does it appear alright. 

The resource's eml.xml file used to reproduce the problem is also attached. 

Original issue reported on code.google.com by kyle.braak on 2012-09-15 16:06:04

---

• Attachment: Screen Shot 2012-09-15 at 6.01.10 PM.png
  
• Attachment: eml-test2-v15.xml

[kbraak]

Comment 38 fixed as r4050. 

Original issue reported on code.google.com by bko@gbif.org on 2012-09-15 18:43:40

---

• Attachment: valign.png
  

[kbraak]

Almost every "add new .. " link is shifted to the right. It should be aligned with the
left margin. See screenshot demonstrating problem. 

Original issue reported on code.google.com by kyle.braak on 2012-09-18 15:06:07

---

• Attachment: Screen Shot 2012-09-18 at 5.04.03 PM.png
  

[kbraak]

Comment 40 is fixed as r4070. There was no wrapper for the link, now provided.

Original issue reported on code.google.com by bko@gbif.org on 2012-09-18 15:33:24

[kbraak]

I have just updated, one more at least. See screenshot. It is on the taxonomic coverage
page. 

Original issue reported on code.google.com by kyle.braak on 2012-09-18 16:15:00

---

• Attachment: Screen Shot 2012-09-18 at 6.13.58 PM.png
  

[kbraak]

Fixed as r4075. All metadata templates have been reviewed. Those unnecessary new line
containers, which mostly had been removed as r3736, are cleaned in this commit. Relevant
<a> now wrapped with a container with class="addNew". Please check.

Original issue reported on code.google.com by bko@gbif.org on 2012-09-19 09:08:05

[kbraak]

New issue. Seems like the add new should be on a separate line from the field - see
screenshot showing crowding. 

Original issue reported on code.google.com by kyle.braak on 2012-09-19 12:08:45

---

• Attachment: Screen Shot 2012-09-19 at 1.59.38 PM.png
  

[kbraak]

Is it really necessary that the unmapped section has a horizontal scrollbar? Please
see screenshot. Thanks

Original issue reported on code.google.com by kyle.braak on 2012-09-20 14:48:19

---

• Attachment: Screen Shot 2012-09-20 at 4.47.24 PM.png
  

[kbraak]

Fixed word breaking of source file table in IE9.
Fixed word breaking of extension page.
Fixed group title being pushed to the right of buttons.
Fixed the horizontal scrollbar in the unmapped columns section.
One round check in IE9.
Cmt 44 to be resolved.
See r4096.

Original issue reported on code.google.com by bko@gbif.org on 2012-09-20 17:08:40

[kbraak]

Cmt 44 fixed in 4097.

Original issue reported on code.google.com by bko@gbif.org on 2012-09-21 09:21:12

[kbraak]

A bit of padding is needed on the manage overview page left column. The titles are stuck
to the left edge. Please see screenshot.

Original issue reported on code.google.com by kyle.braak on 2012-09-24 09:19:08

---

• Attachment: Screen Shot 2012-09-24 at 11.04.33 AM.png
  

[kbraak]

Amen - I think the grey containers should align to the left with the headlines/title
of the archive.  

Original issue reported on code.google.com by klegind on 2012-09-24 09:25:29

[kbraak]

Cmn 48 and 49 addressed in r4105. Padding is recovered.

Original issue reported on code.google.com by bko@gbif.org on 2012-10-02 10:50:40