diff --git a/.settings/org.eclipse.wst.common.component b/.settings/org.eclipse.wst.common.component index 0c6f3eb..bbf0648 100644 --- a/.settings/org.eclipse.wst.common.component +++ b/.settings/org.eclipse.wst.common.component @@ -5,9 +5,6 @@ - - uses - diff --git a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.java b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.java index e935f2a..f506687 100644 --- a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.java +++ b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.java @@ -173,8 +173,6 @@ public class ShareUpdateForm extends Composite { // set the style and on which devices we show the buttons submitButtonScreen.addStyleName("upload-btn-m"); attachButtonScreen.addStyleName("upload-btn-m"); - submitButtonPhoneTablet.addStyleName("upload-btn-m"); - attachButtonPhoneTablet.addStyleName("upload-btn-m"); submitButtonScreen.setShowOn(Device.DESKTOP); attachButtonScreen.setShowOn(Device.DESKTOP); diff --git a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.ui.xml b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.ui.xml index ef66970..df46767 100644 --- a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.ui.xml +++ b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.ui.xml @@ -6,6 +6,12 @@ .attachment-container { width: 100%; } + + .paragraph-inline { + display: inline-block; + width: 25%; + vertical-align: middle; + } @@ -43,17 +49,19 @@ - - + + + - + + + - diff --git a/src/main/webapp/ShareUpdates.css b/src/main/webapp/ShareUpdates.css index b8119ca..dc56d98 100644 --- a/src/main/webapp/ShareUpdates.css +++ b/src/main/webapp/ShareUpdates.css @@ -1,72 +1,18 @@ @media screen and (max-width: 1430px) { - select.wizardListbox { - width: 65% !important; - background: #F2F2F2 url(images/white-grad.png) repeat-x scroll left top; - border-color: #BBB; - color: #444; - font-size: 12px; - border-width: 1px; - border-style: solid; - cursor: pointer; - cursor: hand; - margin-left: 0px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - margin-top: 2px; - margin-bottom: 5px; - } - .upload-btn-m { - margin-right: 10px; - margin-bottom: 15px; - width: 45px; + width: 40px !important; } } @media screen and (max-width: 1200px) { - select.wizardListbox { - width: 60% !important; - background: #F2F2F2 url(images/white-grad.png) repeat-x scroll left top; - border-color: #BBB; - color: #444; - font-size: 12px; - border-width: 1px; - border-style: solid; - cursor: pointer; - cursor: hand; - margin-left: 0px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - margin-top: 2px; - margin-bottom: 5px; - } - .upload-btn-m { - margin-right: 10px; - margin-bottom: 15px; - width: 35px; + width: 35px !important; } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 1050px) { select.wizardListbox { width: 100% !important; - background: #F2F2F2 url(images/white-grad.png) repeat-x scroll left top; - border-color: #BBB; - color: #444; - font-size: 12px; - border-width: 1px; - border-style: solid; - cursor: pointer; - cursor: hand; - margin-left: 0px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - margin-top: 2px; - margin-bottom: 5px; } .attachment-container-full-width { padding: 5px; @@ -134,6 +80,7 @@ td>form { } .upload-btn-m { + width: 45px; margin-right: 10px; margin-bottom: 15px; }