mobile stylesheet improvements

diff --git a/css/dialogs.css b/css/dialogs.css
index 41c6872dd66cbb046227579665ed7d8db36f457d..496bf44d60d59ba9ce9ca15f28afed64d1fe19b8 100644 (file)
--- a/css/dialogs.css
+++ b/css/dialogs.css
@@ -138,7 +138,7 @@
 }
 
 .qwebirc-embeddedwizard .wizardcontrols input {
-  width: 70px;
+  min-width: 70px;
 }
 
 /**************** PRIVACY POLICY PANE *******************/
@@ -285,3 +285,7 @@
   border: 1px solid black;
 }
 
+.qwebirc-optionspane table {
+  white-space: nowrap;
+}
+

diff --git a/css/qui.mcss b/css/qui.mcss
index b72edfca82f278e63fadae9c82738f905d5b7bc1..a804b7c50cde0b170d4bb556e664042006241e83 100644 (file)
--- a/css/qui.mcss
+++ b/css/qui.mcss
@@ -75,8 +75,8 @@ html {
 .qwebirc-qui .lines {
   color: $(lines_text);
   overflow: auto;
-  font-size: 0.8em;
   background: $(lines_background);
+  font-size: 0.8em;
 }
 
 .qwebirc-qui .lines .timestamp {
@@ -333,7 +333,7 @@ div#noscript {
 
 .qwebirc-qui .dropdownmenu a {
   display: block;
-  font-size: 0.7em;
+  font-size: 0.8em;
   color: $(menu_text);
   cursor: pointer;
   cursor: hand;  
@@ -370,3 +370,56 @@ iframe {
   background: url($(base_url)../images/spinner.png) no-repeat $(lines_background);
   background-position: top 5px right 5px;
 }
+
+@media screen and (max-width:1024px) {
+  .qwebirc-qui .lines {
+    font-size: 1.2em;
+  }
+
+  .qwebirc-qui .ircwindow div {
+    font-size: 0.8em;
+  }
+
+  .qwebirc-qui .tabbar {
+    line-height: 35px;
+  }
+
+  .qwebirc-qui .tabbar, .qwebirc-qui .nicklist {
+    font-size: 1.3em;
+  }
+
+  .qwebirc-qui .topic, .qwebirc-qui .dropdownmenu a, .qwebirc-qui .dropdownhint {
+    font-size: 1.4em;
+  }
+
+  .qwebirc-qui .input input.keyboard-input {
+    font-size: 1.6em;
+  }
+
+  .qwebirc-qui input {
+    font-size: 1.6em;
+  }
+
+  .qwebirc-qui .tabclose {
+    color: maroon;
+  }
+
+  .qwebirc-qui .tabclose:before {
+    content: "(";
+  }
+  .qwebirc-qui .tabclose:after {
+    content: ")";
+  }
+
+  .qwebirc-qui .dropdown-tab img {
+    width: 160%;
+  }
+
+  .qwebirc-qui .outertabbar_top .dropdown-tab {
+    padding-right: 13px;
+  }
+
+  .qwebirc-qui .outertabbar_left .dropdown-tab {
+    padding-right: 13px;
+  }
+}