diff --git a/qutebrowser/browser/qutescheme.py b/qutebrowser/browser/qutescheme.py
index d71b6c135..bca93e3c8 100644
--- a/qutebrowser/browser/qutescheme.py
+++ b/qutebrowser/browser/qutescheme.py
@@ -311,7 +311,8 @@ def qute_history(url):
start_time = time.mktime(next_date.timetuple()) - 1
history = [
(i["url"], i["title"],
- datetime.datetime.fromtimestamp(i["time"]/1000))
+ datetime.datetime.fromtimestamp(i["time"]/1000),
+ QUrl(i["url"]).host())
for i in history_data(start_time) if "next" not in i
]
diff --git a/qutebrowser/html/history.html b/qutebrowser/html/history.html
index 35ac419be..2c6c0a2f1 100644
--- a/qutebrowser/html/history.html
+++ b/qutebrowser/html/history.html
@@ -46,7 +46,6 @@ table {
height: 40px;
text-align: center;
}
-
{% endblock %}
{% block content %}
Browsing history
diff --git a/qutebrowser/html/history_nojs.html b/qutebrowser/html/history_nojs.html
index 3fed67797..bcc5663c1 100644
--- a/qutebrowser/html/history_nojs.html
+++ b/qutebrowser/html/history_nojs.html
@@ -42,9 +42,12 @@ table {
{{curr_date.strftime("%a, %d %B %Y")}}
- {% for url, title, time in history %}
+ {% for url, title, time, host in history %}
- {{title}} |
+
+ {{title}}
+ {{host}}
+ |
{{time.strftime("%X")}} |
{% endfor %}
diff --git a/qutebrowser/html/styled.html b/qutebrowser/html/styled.html
index e2a608538..f4d256422 100644
--- a/qutebrowser/html/styled.html
+++ b/qutebrowser/html/styled.html
@@ -38,4 +38,11 @@ td {
padding: 2px 5px;
text-align: left;
}
+
+.hostname {
+ color: #858585;
+ font-size: 0.9em;
+ margin-left: 10px;
+ text-decoration: none;
+}
{% endblock %}
diff --git a/qutebrowser/javascript/history.js b/qutebrowser/javascript/history.js
index a2448a14f..f46ceb49d 100644
--- a/qutebrowser/javascript/history.js
+++ b/qutebrowser/javascript/history.js
@@ -111,7 +111,11 @@ window.loadHistory = (function() {
var link = document.createElement("a");
link.href = itemUrl;
link.innerHTML = itemTitle;
+ var host = document.createElement("span");
+ host.className = "hostname";
+ host.innerHTML = link.hostname;
title.appendChild(link);
+ title.appendChild(host);
var time = document.createElement("td");
time.className = "time";