Commit 3b1e0cc9 authored by Stavros Sachtouris's avatar Stavros Sachtouris Committed by Giorgos Korfiatis

Decrease content size in GUI windows

parent 572a7c71
...@@ -118,7 +118,7 @@ var settings_menu = new gui.MenuItem({ ...@@ -118,7 +118,7 @@ var settings_menu = new gui.MenuItem({
$.each(globals.settings, function(key, val) {old_settings[key]=val;}); $.each(globals.settings, function(key, val) {old_settings[key]=val;});
windows['settings'] = gui.Window.open("settings.html", { windows['settings'] = gui.Window.open("settings.html", {
toolbar: false, focus: true, toolbar: false, focus: true,
width: 640, height: 800 width: 640, height: 420
}); });
windows['settings'].on('closed', function() { windows['settings'].on('closed', function() {
log_debug('Settings windows is closed'); log_debug('Settings windows is closed');
...@@ -149,7 +149,7 @@ var about_menu = new gui.MenuItem({ ...@@ -149,7 +149,7 @@ var about_menu = new gui.MenuItem({
windows['about'] = gui.Window.open( windows['about'] = gui.Window.open(
"about_" + globals.settings.language + ".html", { "about_" + globals.settings.language + ".html", {
toolbar: false, resizable: false, focus: true, toolbar: false, resizable: false, focus: true,
width: 640, height: 800 width: 640, height: 420
}); });
} }
}); });
......
...@@ -21,23 +21,28 @@ body { ...@@ -21,23 +21,28 @@ body {
} }
.wrapper { .wrapper {
padding: 30px 20px; padding: 10px 15px 10px 15px;
max-width: 760px; max-width: 640px;
min-width: 520px; min-width: 220px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
.wrapper p {
font-size: 0.7rem;
}
header { header {
text-align: center; text-align: center;
} }
h1 { header h1 {font-size: 18px; font-weight: 680; }
font-size: 20px;
} header h2 { font-size: 16px; font-weight: 640;}
header h2 img { height: 16px;}
.logo { .logo {
height: 64px; height: 32px;
} }
.licence { .licence {
...@@ -50,7 +55,7 @@ h1 { ...@@ -50,7 +55,7 @@ h1 {
.disclaimer { .disclaimer {
margin: 0; margin: 0;
font-size: 13px; font-size: 11px;
padding-bottom: 0.5em; padding-bottom: 0.5em;
letter-spacing: 1px; letter-spacing: 1px;
} }
...@@ -82,6 +87,7 @@ h1 { ...@@ -82,6 +87,7 @@ h1 {
} }
.small-3 { width: 25%; } .small-3 { width: 25%; }
.small-6 { width: 50%; }
.small-9 { width: 75%; } .small-9 { width: 75%; }
.footer { .footer {
...@@ -117,10 +123,10 @@ form small { display: none; } ...@@ -117,10 +123,10 @@ form small { display: none; }
display: block; display: block;
font-size: 0.75rem; font-size: 0.75rem;
font-style: italic; font-style: italic;
font-weight: normal; font-weight: 300;
margin-bottom: 1rem; margin-bottom: 0.75rem;
margin-top: -1rem; margin-top: -0.5rem;
padding: 3px 10px; padding: 0.35rem 0.2rem 0.35rem 0.2rem;
background: #f04124; background: #f04124;
color: #fff; color: #fff;
} }
...@@ -135,24 +141,20 @@ button, .button, .pickdir { ...@@ -135,24 +141,20 @@ button, .button, .pickdir {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal; font-weight: normal;
line-height: normal; line-height: normal;
margin: 0 13px; margin-right: 1rem;
position: relative; position: relative;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
padding: .5rem 2rem; padding: 0.25rem 0.5rem;
font-size: 1rem; font-size: 0.8rem;
background-color: #008CBA; background-color: #008CBA;
border-color: #007095; border-color: #007095;
color: #FFFFFF; color: #FFFFFF;
transition: background-color 300ms ease-out; transition: background-color 300ms ease-out;
} }
.pickdir {
font-size: 0.8rem;
padding: 0.5rem 2rem;
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="url"], textarea { input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="url"], textarea {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
border-radius: 0; border-radius: 0;
...@@ -164,10 +166,10 @@ button, .button, .pickdir { ...@@ -164,10 +166,10 @@ button, .button, .pickdir {
color: rgba(0, 0, 0, 0.75); color: rgba(0, 0, 0, 0.75);
display: block; display: block;
font-family: inherit; font-family: inherit;
font-size: 0.875rem; font-size: 0.8rem;
height: 2.3125rem; height: 1.8125rem;
margin: 0 0 1rem 0; margin: 0 0 0.7rem 0;
padding: 0.5rem; padding: 0.2rem;
width: 100%; width: 100%;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
...@@ -177,14 +179,14 @@ button, .button, .pickdir { ...@@ -177,14 +179,14 @@ button, .button, .pickdir {
-ms-transition: border-color 0.15s linear, background 0.15s linear; -ms-transition: border-color 0.15s linear, background 0.15s linear;
-o-transition: border-color 0.15s linear, background 0.15s linear; -o-transition: border-color 0.15s linear, background 0.15s linear;
transition: border-color 0.15s linear, background 0.15s linear; transition: border-color 0.15s linear, background 0.15s linear;
} }
label { label {
color: #4d4d4d; color: #4d4d4d;
cursor: pointer; cursor: pointer;
display: block; display: block;
font-size: 0.875rem; font-size: 0.75rem;
font-weight: normal; font-weight: 500;
line-height: 1.5; line-height: 1.5;
margin-bottom: 0; margin-bottom: 0;
} }
...@@ -194,20 +196,19 @@ label.right { ...@@ -194,20 +196,19 @@ label.right {
} }
label.inline { label.inline {
margin: 0; margin: 0;
padding: 0.5625rem 0; padding: 0.25rem 0;
} }
fieldset { fieldset {
border: 1px solid #DDDDDD; border: 1px solid #DDDDDD;
margin: 1.125rem 0; margin: 0.5rem 0;
padding: .5rem; padding: 0.2rem;
} }
fieldset legend { fieldset legend {
background: #FFFFFF; background: #FFFFFF;
font-weight: bold; font-weight: 600;
margin-left: -0.1875rem; margin: 0 0.1875rem 0.25rem 0.1875rem;
margin: 0; font-size: 0.85rem;
padding: 0 0.1875rem;
} }
textarea { textarea {
height: 150px; height: 150px;
...@@ -215,12 +216,15 @@ textarea { ...@@ -215,12 +216,15 @@ textarea {
} }
#directory { #directory {
padding-top: 0.35rem;
font-size: 0.75rem;
font-style: italic;
word-break: break-all; word-break: break-all;
} }
#start_sync, #start_sync,
#language_space { #language_space {
padding: 0.5625rem 0px; padding: 0.25rem 0px;
} }
.lang { .lang {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment