add bold-italic font variant, rebuild

css/base.css

@@ -1256,7 +1256,7 @@ i.search {
   display: flex;
   position: relative;
 	max-width: 40rem;
-  min-width: 12rem;
+  min-width: 9rem;
 	height: auto;
   padding: 0.75rem 0.5rem 0.75rem 1.25rem;
   margin: 0;

index-dev.html

@@ -18,7 +18,7 @@
     <link rel="apple-touch-icon" sizes="192x192" href="img/logo192.png" type="image/png" />
     <link rel="canonical" href="https://api.tinode.co/" />
     <!-- Google's Roboto font -->
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i" />
     <!-- Google's material design icons -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
     <!-- Styles for local elements -->

index.html

@@ -13,7 +13,7 @@
 <link rel="shortcut icon" id="shortcut-icon" href="img/logo32x32.png" type="image/png" />
 <link rel="apple-touch-icon" sizes="192x192" href="img/logo192.png" type="image/png" />
 <link rel="canonical" href="https://api.tinode.co/" />
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700" />
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i" />
 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
 <link rel="stylesheet" href="css/base.min.css" />
 <script crossorigin="anonymous" src="https://unpkg.com/react@16.8.4/umd/react.production.min.js"></script>