Permalink
Browse files

updated buttons alignment

  • Loading branch information...
1 parent be56aba commit 7309e9d63dbe2b3ebfd8f0aa2db68b723acf8a76 @johndyer johndyer committed Apr 28, 2012
Showing with 31 additions and 20 deletions.
  1. +19 −7 app/css/study.css
  2. +12 −13 app/js/docs/docs.manager.js
View
@@ -88,14 +88,24 @@ body {
border-width: 1px 1px 1px 0;
border-color: transparent #ccc #aaa transparent;
background-color: #DDDCDA;
+ height: 25px;
}
- .document-header-buttons {
+ .document-header-left {
+ text-align: left;
+ position: absolute;
+ top: 6px;
+ left: 5px;
+ z-index: 2;
+ }
+
+ .document-header-right {
-x-float: right;
-x-width: 100px;
text-align: right;
position: absolute;
- top: 5px;
+ top: 6px;
right: 5px;
+ z-index: 1;
}
.document-header .document-button {
@@ -115,7 +125,7 @@ body {
border: solid 1px #999;
}
.document-header .document-header-selector {
- width: 50px;
+ width: 55px;
height: 20px;
display: inline-block;
position: relative;
@@ -126,7 +136,7 @@ body {
.document-header .document-header-selector span {
font-size: 12px;
padding: 4px;
- width: 42px;
+ width: 47px;
height: 12px;
color: #444;
position: absolute;
@@ -136,15 +146,17 @@ body {
}
.document-header .document-header-selector .document-selector {
- width: 52px;
+ width: 55px;
position: absolute;
opacity: 0;
-webkit-appearance: none;
}
- .document-header .document-header-buttons {
+ /*
+ .document-header .document-header-buttons {
float: left;
}
+ */
.document-header .document-header-options {
display: none;
@@ -247,7 +259,7 @@ body {
bottom: 49px;
height: 5px;
cursor: row-resize;
- //background: rgba(255,0,0,0.5);
+ /* background: rgba(255,0,0,0.5); */
font-size: 1%;
padding: 0;
margin: 0;
@@ -245,22 +245,21 @@ docs.Document = function(manager, id, navigator, selectedDocumentId) {
t.container = $(
'<div class="document-container" id="' + id + '">' +
'<div class="document-header">' +
- '<div class="document-header-input">' +
- '<input type="text" class="document-input" />' +
- '</div>' +
- '<input type=\"button\" class=\"document-header-button document-search-button\" value="S" />' +
- '<div class="document-header-selector">' +
- '<span>NASB</span>' +
- '<select class="document-selector">' + t.navigator.getOptions() + '</select>' +
+
+ '<div class="document-header-left">' +
+ '<div class="document-header-input">' +
+ '<input type="text" class="document-input" />' +
+ '</div>' +
+ '<input type=\"button\" class=\"document-header-button document-search-button\" value="S" />' +
+ '<div class="document-header-selector">' +
+ '<span>NASB</span>' +
+ '<select class="document-selector">' + t.navigator.getOptions() + '</select>' +
+ '</div>' +
+ '<input type=\"button\" class=\"document-header-button document-info-button\" value="i" />' +
'</div>' +
- '<input type=\"button\" class=\"document-header-button document-info-button\" value="i" />' +
-
- '<div class="document-header-buttons">' +
+ '<div class="document-header-right">' +
'<input type=\"button\" class=\"document-header-button document-audio-button\" value="A" />' +
-
-
-
'<input type=\"button\" class=\"document-header-button document-lock-button state-locked\" value="L" />' +
'<input type=\"button\" class=\"document-header-button document-close-button\" value="X" />' +
'</div>' +

0 comments on commit 7309e9d

Please sign in to comment.